在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中文网其它相关文章！
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
549
