在javascript中，可以使用style物件屬性來改變背景色，語法格式為「元素物件.style.background="顏色值"」。 Style物件代表一個單獨的樣式聲明，可從套用樣式的文件或元素存取Style物件。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
<html>
<head></head>
<body>
<ul id="ul1">
<li></li>
<li></li>
<li></li>
<li class="box"></li>
<li></li>
<li class="box"></li>
<li class="box"></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
<script>
window.onload = function () {
//获取名字ul1的ID
var oUl = document.getElementById("ul1");
//获取li标签
var aLi = oUl.getElementsByTagName("li");
//循环li
for (var i = 0; i < aLi.length; i++) {
//判断li标签名字为className为box
if (aLi[i].className == "box") {
//给li标签加背景色
aLi[i].style.background = "red";
}
}
};
</script>【推薦學習：javascript進階教學】
以上是javascript如何改變背景色的詳細內容。更多資訊請關注PHP中文網其他相關文章！
