javascript怎么改变背景色

这篇文章给大家分享的是有关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怎么改变背景色
URL地址：https://www.cdcxhl.com/article38/jjoepp.html

成都网站建设公司_创新互联，为您提供云服务器、外贸网站建设、网站设计、网站设计公司、网站维护、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容