집 > 기사 > 웹 프론트엔드 > 자바스크립트로 배경색 바꾸는 방법

자바스크립트로 배경색 바꾸는 방법

醉折花枝作酒筹원래의: 2021-06-15 10:45:393742검색

在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高级教程】

위 내용은 자바스크립트로 배경색 바꾸는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript 对象 background

성명：

이전 기사：JavaScript 자체 관리란 무엇입니까?다음 기사：JavaScript 자체 관리란 무엇입니까?