这篇文章介绍了JavaScript操作table
可以新增行和列并且隔一行换背景色代码
有需要的朋友可以参考一下
复制代码 代码如下:
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb">
<title>JavaScript</title>
</head>
<body>
<script language="javascript">
var n = ;
function showTable(len) {
wi(<table border="" width="" style="bordercollapse:collapse"><tbody id="table">);
for (i=;i<len;i++) {
if (parseInt(i%)==) {
bg = #FFAC;
} else {
bg = white;
}
wi(<tr bgcolor=+bg+><td>第+(i+)+行</td></tr>);
}
wi(</tbody></table><br />);
wi(<input type="button" value="Add" id="add" />);
}
function wi(str) {
return documentwrite(str);
}
showTable();
var add = documentgetElementById("add");
addonclick = function() {
n = n+;
if (n%==) {
bg = #FFAC;
} else {
bg = white;
}
var table = documentgetElementById("table");
var tr = documentcreateElement("tr");
trbgColor = bg;
var td = documentcreateElement("td");
tdinnerHTML = 第+(+n)+行;
trappendChild(td);
tableappendChild(tr);
}
</script>
</body>
</html>
