Comment utiliser le% de JavaScript pour changer les couleurs sur des lignes alternées-js tutoriel-php.cn

Comment utiliser le% de JavaScript pour changer les couleurs sur des lignes alternées

小云云

Libérer： 2017-12-12 09:07:31

original

1694 Les gens l'ont consulté

Cet article partage principalement avec vous un exemple d'utilisation du % de JavaScript pour changer les couleurs sur des lignes alternées. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

est la suivante :

<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
 li {
  list-style-type: none;
  width: 300px;
  height: 30px;
 }
</style>
</head>

<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script type="text/javascript">
 var oli=document.getElementsByTagName(&#39;li&#39;);
 for(var i=0;i<oli.length;i++)
  {
   if(i%2==0)
    {
     oli[i].style.background=&#39;#F17B7D&#39;;
    }
   else
    {
     oli[i].style.background=&#39;#EDB461&#39;;
    }
  }
</script>
</body>
</html>

Copier après la connexion

L'avez-vous appris ? Essayez-le vous-même.

Recommandations associées :

Comment calculer la longueur d'un objet en JavaScript

Explication détaillée des instances de fonction d'exécution immédiate en JavaScript

Comment appeler des classes en 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!