Разбираюсь потихоньку с JS по книге Фримена и Робсона. Дошел до момента когда с помощью метода setAttribute присваивается новый класс элементу ранее выбранному по ID. Казалось бы примитивнейший код ни в какую не хочет работать. По задумке страница полностью загружается, затем вызывается функция init которая меняет содержимое абзаца "Я здесь главный" на "Нет я" и присваивает ему класс с красным цветом текста.
Содержимое код меняет, а вот с присваиванием атрибутов класса (или самого класса) какие то проблемы.
Кто подскажет, как правильно должен работать setAttribute?
Не пойму то ли лыжи не едут, то ли в книге ошибка...
СорцыHTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p id="main"> Я здесь главный! </p>
<script src="changeHTML.js"></script>
</body>
</html>
CSS
.redtext {color: red;}
JS
function init (){
var text = document.getElementById("main");
text.innerHTML = "Нет, я!";
text.setAttribute = ("class", "redtext");
}
window.onload = init;
JSFiddle