После цикла не изменяется CSS свойства элемента массива
Здравствуйте!
Я новичок в JavaScript. Написал скрипт который по идее должен изменить тексты параграфов. Почему после цикла не работает строка: d[2].style.color = "orange"; Вот код:
<!DOCTYPE html>
<html>
<head>
<title>JS Test</title>
</head>
<body>
<p class="demo">a</p>
<p class="demo">b</p>
<p class="demo">c</p>
<p class="demo">d</p>
<p class="demo">e</p>
<button onclick="test();">Click to change</button>
<script>
function test() {
var i = 0;
var d = document.getElementsByClassName("demo");
for (i = 0; i <= d.length; i++) {
d[i].innerHTML = i + 1;
d[i].style.color = "blue";
d[i].style.fontWeight = "bold";
};
d[2].style.color = "orange";
}
</script>
</body>
</html>
|
classic, потому что цикл заканчивается ошибкой.
Смотрите консоль. Ошибка при объявлении цикла. Выделенное красным лишнее: for (i = 0; i <= d.length; i++) |
Цитата:
|
Спасибо большое! Исправил. Работает.
|
| Часовой пояс GMT +3, время: 07:26. |