javascript - 使用 Javascript 更改颜色 (onclick)

Question

我正在为一个网站编写代码，并尝试使用 JavaScript 来更改一些颜色和图片 onclick 来更改 CSS。但是，此代码仅部分起作用。只有“txtArea”字段会改变颜色。检查验证器并控制台其完美的语法。？？

<!-- This is the button to change the color, Its 1 bulletin point. -->
<div id="colorSelector"><span id="chngBlue"><a href="#" onclick="chngColor()">&bull;</a></span> &bull; &bull;</div>

<script>
var colors = ["#0099cc", "#669900", "#993333"];//Blue, Green, Red

function chngColor(){
document.getElementById("txtArea").style.backgroundColor = colors[2];
document.getElementsByClassName("labHdr").style.backgroundColor = colors[2];
document.getElementById("newLink").style.color = colors[2];
document.getElementById("hdBanner").src='bannerred.png';
}
</script>

Answer 1

document.getElementsByClassName("labHdr") 返回一个 HTMLCollection(感谢@Teemu 的澄清)，所以它没有“样式”。你可以做类似的事情

var myElements = document.getElementsByClassName("labHdr"); 

for (var i = 0; i < myElements.length; i++) { 
    myElements[i].style.color = colors[2]; 
}