recherche

Maison  >  Article  >  interface Web  >  Comment utiliser le% de JavaScript pour changer les couleurs sur des lignes alternées

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

小云云
小云云original
2017-12-12 09:07:311757parcourir

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>

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de la façon d'utiliser ES6 pour implémenter le modèle singleton et ses applicationsArticle suivant：Explication détaillée de la façon d'utiliser ES6 pour implémenter le modèle singleton et ses applications

Articles Liés

Voir plus