Comment changer la couleur d'arrière-plan avec javascript-js tutoriel-php.cn

Comment changer la couleur d'arrière-plan avec javascript

醉折花枝作酒筹

Libérer： 2021-06-15 10:46:25

original

3743 Les gens l'ont consulté

En JavaScript, vous pouvez utiliser l'attribut d'objet style pour changer la couleur d'arrière-plan. Le format de syntaxe est "element object.style.background="color value"". L'objet Style représente une déclaration de style unique et est accessible à partir du document ou de l'élément auquel le style est appliqué.

Comment changer la couleur d'arrière-plan avec javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur 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>

Copier après la connexion

[Apprentissage recommandé : Tutoriel avancé javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!