首頁 >web前端 >js教程 >javascript如何改變背景色

javascript如何改變背景色

醉折花枝作酒筹原創: 2021-06-15 10:45:393763瀏覽

在javascript中，可以使用style物件屬性來改變背景色，語法格式為「元素物件.style.background="顏色值"」。 Style物件代表一個單獨的樣式聲明，可從套用樣式的文件或元素存取Style物件。

javascript如何改變背景色

本教學操作環境：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中文網其他相關文章！

JavaScript 对象 background

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：JavaScript自我管理是什麼下一篇：JavaScript自我管理是什麼

看更多