JavaScript

Почему не работает document.getElementsByClassName('class1') ?

Есть простой код:
Строка1
Строка1
Строка1



Почему при нажатии не меняется цвет текста строк?
МЖ
Мете Жары
421
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пример</title>
<style>
.color-red { color: rgb(255, 0, 0); }
.color-blue { color: rgb(0, 0, 255); }
</style>
<script>
/*global window, document */
'use strict';
window.addEventListener('load', function () {
var list, toogle;
list = document.querySelectorAll('span');
toogle = document.querySelector('#toggle');
toogle.addEventListener('click', function () {
var i;
for (i = 0; i < list.length; i += 1) {
if (list[i].className === 'color-blue') {
list[i].className = 'color-red';
} else {
list[i].className = 'color-blue';
}
}
});
});
</script>
</head>
<body>
<div>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<span class="color-blue">текст текст текст текст</span>
<span class="color-red"> текст текст текст текст</span>
<br>
<button id="toggle">изменить</button>
</div>
</body>
</html>
Бахыт Ерубаев
Бахыт Ерубаев
69 346
Лучший ответ
Код на https://jsfiddle.net/ , пожалуйста.
СХ
Сергей Харченко
95 335
так а где код?
VF
Vngrbwe= Family
1 324

Похожие вопросы