Здравствуйте!
Я новичок в 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>