手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
摘要:复制代码代码如下:JavaScriptvarn=0;functionshowTable(len){wi('');for(i=0;i

复制代码 代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>JavaScript</title>

</head>

<body>

<script language="javascript">

var n = 0;

function showTable(len) {

wi('<table border="1" width="300"><tbody id="table">');

for (i=0;i<len;i++) {

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

bg = '#F4FAC7';

} else {

bg = 'white';

}

wi('<tr bgcolor='+bg+'><td>第'+(i+1)+'行</td></tr>');

}

wi('</tbody></table><br />');

wi('<input type="button" value="Add" id="add" />');

}

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

}

</script>

</body>

</html>

【JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享】相关文章:

JavaScript的9种继承实现方式归纳

JavaScript生成福利彩票双色球号码

JavaScript基本数据结构

JavaScript操作XML文件之XML读取方法

用javascript动态注释掉HTML代码

javascript实现Table排序的方法

JavaScript基本语法讲解

javascript常用的方法分享

用JavaScript实现对话框的教程

JavaScript实现仿网易通行证表单验证

精品推荐
分类导航