Comment obtenir un changement de couleur entrelacé dans js

Cette fois, je vais vous montrer comment réaliser un changement de couleur entrelacé en js, et quelles sont les précautions pour implémenter un changement de couleur entrelacé en js. Ce qui suit est un cas pratique, prenons un. regarder.

<script type="text/javascript">
 function createTable(){
  //创建表格
  var table = document.createElement("table");
  //设置表格的行数
  for(var i=0;i<4;i++){
   var tr = document.createElement("tr");
   //设置表格的列数
   for( var j=0;j<5;j++){
    var td = document.createElement("td");
    tr.appendChild(td);
    //添加文本
    var txt = document.createTextNode("wkk");
    td.appendChild(txt);
   }
   //判断颜色的变换
   if(i%2==0){
    //添加属性（第一种）
    tr.style.backgroundColor = "#f0f";
   } else {
    tr.style.backgroundColor = "#ff0";
   }
   table.appendChild(tr);
  }
  //添加属性（第二种）
  table.setAttribute("border","1px");
  //table.style.border = "solid 1px red";
  table.setAttribute("width","200px");
  table.setAttribute("height","100px");
  //添加到body中
  document.body.appendChild(table);
 }//create table over
 createTable();
</script>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Méthode d'implémentation du chargement dynamique en cascade de la liste déroulante d'easyui (avec code)

Par JS Explication détaillée des étapes pour obtenir et charger les données JSON

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!