html表格隔一行一种颜色,JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享...

JavaScript

var n = 0;

function showTable(len) {

wi('

for (i=0;i

if (parseInt(i%2)==1) {

bg = '#F4FAC7';

} else {

bg = 'white';

}

wi('

第'+(i+1)+'行');

}

wi('

');

wi('');

}

function wi(str) {

return document.write(str);

}

showTable(10);

var add = document.getElementById("add");

add.onclick = function() {

n = n+1;

if (n%2==0) {

bg = '#F4FAC7';

} else {

bg = 'white';

}

var table = document.getElementById("table");

var tr = document.createElement("tr");

tr.bgColor = bg;

var td = document.createElement("td");

td.innerHTML = '第'+(10+n)+'行';

tr.appendChild(td);

table.appendChild(tr);

}