国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

純js實現隔行變色效果

2019-11-19 14:49:18
字體:
來源:轉載
供稿:網友

本文實例為大家分享了js實現隔行變色的具體代碼,供大家參考,具體內容如下

<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>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梅河口市| 余干县| 商丘市| 河津市| 泗水县| 临清市| 闻喜县| 蓬安县| 忻州市| 临武县| 阿拉善盟| 肇庆市| 武鸣县| 西乌珠穆沁旗| 罗平县| 饶河县| 海盐县| 沧州市| 太保市| 蒙山县| 衢州市| 厦门市| 高平市| 泗水县| 西宁市| 琼结县| 南木林县| 淮滨县| 达孜县| 龙江县| 同江市| 保德县| 兴业县| 芒康县| 平凉市| 凤庆县| 崇明县| 昌邑市| 遂平县| 滨海县| 夏邑县|