本文实例为大家分享了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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
asp.net中ajax和一般处理程序(handler.ashx)的交互
egg.js创建项目,目录介绍,简单使用,sequelize mysql使用
网友评论