Как использовать несколько функций в одном событии html dom?

Question

Я новичок в html dom, поэтому я не слишком много знаю об этом. Я хочу выполнить две функции в одном событии html dom. Вот код.

<a id="link1" href="javascript:void(0)" onclick="document.getElementById('link1').style.background-color='red'; 
setTimeout(function() {window.location.assign='http://www.google.com'}, 5000);"> Read it</a> 

Здесь я хочу выполнить две функции. Один цвет фона, а второй открывает Google через 5 секунд. Как я могу получить его в html dom. Пожалуйста, помогите мне.

Answer 1

Я установил код:

<a id="link1" href="javascript:void(0)" onclick="document.getElementById('link1').style['background-color']='red'; 
setTimeout(function() {window.location.assign('http://www.google.com'), 5000);"> Read it</a> 

1. background-color имеет тире и не является допустимым идентификатором, так что вы должны использовать bracket notation.
2. window.location.assign является function.