首页前端开发JavaScriptjavascript如何改变背景色

javascript如何改变背景色

时间2024-01-29 19:57:03发布访客分类JavaScript浏览1043
导读:收集整理的这篇文章主要介绍了javascript如何改变背景色,觉得挺不错的,现在分享给大家,也给大家做个参考。在javascript中,可以使用style对象属性改变背景色,语法格式为“元素对象.style.background="颜色值...
收集整理的这篇文章主要介绍了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如何改变背景色的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript如何改变背景色
本文地址: https://pptw.com/jishu/591529.html
浅谈Angular中父子组件间怎么传递数据 javascript怎么判断是否是字符

游客 回复需填写必要信息