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

首頁 > 開發 > JS > 正文

純js實現隔行變色效果

2024-05-06 16:41:09
字體:
來源:轉載
供稿:網友

本文實例為大家分享了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>

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


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尼木县| 镇宁| 东港市| 宝丰县| 建湖县| 荃湾区| 邵武市| 美姑县| 瓮安县| 望城县| 孙吴县| 乌拉特后旗| 昆山市| 邵东县| 东乌| 蒙自县| 榆中县| 新巴尔虎左旗| 普陀区| 南投市| 鄯善县| 洪江市| 伊川县| 郁南县| 安多县| 响水县| 蕲春县| 禄丰县| 屯昌县| 东安县| 建昌县| 宝坻区| 镇坪县| 衢州市| 罗甸县| 高雄县| 名山县| 永兴县| 合川市| 若尔盖县| 东莞市|