您的位置：首页 > 其它

动态添加表格(增加事件)

2007-06-07 09:52 459 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body onLoad="addRow()">
<table width="33%" border=1 id="testTbl">
<tr id="tr1">
<td width=6%><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>

<tr id="tr2">
<td width=6%><input type=checkbox id="box2"></td>
<td id="b">第二行</td>
</tr>

<tr bgcolor=#0000FF>
<td width=6%><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
<input type="button" onClick="addRow()" value="Add"/>
</table>
</body>
<script>
function Test(obj){
alert(obj.id);
}
function addRow(){
for(var j=0;j<10;j++){
var newTr = testTbl.insertRow();
var newTd = newTr.insertCell();
newTd.bgColor="white";
newTd.style.cursor="pointer";
newTd.id=j;
newTr.id=j;
newTd.height="16";
newTd.align="center";
newTd.innerHTML="AAAA";
newTr.setAttribute('oncontextmenu',function(){Test(this)});
//newTd.attachEvent('oncontextmenu', function(){alert(newTd.id);});
//newTr.oncontextmenu=Test;
//newTd.setAttribute("onClick","Test()");
//newTd.onClick="alert(/'"+newTd.id+"/')";
alert(newTr.innerHTML);
}
}

</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航