php每隔两行变色,js怎么实现隔行变色

这次给大家带来js怎么实现隔行变色，js实现隔行变色的注意事项有哪些，下面就是实战案例，一起来看一下。

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();

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：