javascript如何改变背景色

在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 背景颜色

javascript如何改变背景色

相关文章