现在我需要在客户端动态创建创建一个table对象,代码如下:
var table=document.createElement("TABLE");
table.id="table";
var tr=window.table.insertRow();
///?不知是否可以通过createElement创建tr对象,
tr.id="tr";
var td=window.tr.insertCell();
td.id="td";
通过此方式生成的tr或td,我想设置其onclick事件只有通过attachEvent方法,但是此方法只能指定处理方法,而无法传入参数,这样很多问题都无法解决,请高手指点一二,谢谢
---------------------------------------------------------------
var table=document.createElement("TABLE");
table.id="table";
var tr=table.insertRow();
tr.id="tr";
var td=tr.insertCell();
td.id="td";
td.onclick = function(param)
{
alert(this.id);
alert(param);
}
---------------------------------------------------------------
1<script defer="">
2var table=document.createElement("TABLE")
3var tbody=document.createElement("TBODY")
4
5document.body.appendChild(table)
6table.appendChild(tbody)
7table.border=1
8
9for (var i=1;i<10;i++){
10var tr=document.createElement("TR")
11var td=document.createElement("TD")
12tbody.appendChild(tr)
13tr.appendChild(td)
14tr.id="tr"+i
15tr.onclick=function(){show(this.id)}
16td.innerText="gorush"+i
17}
18
19function show(msg){alert(msg)}
20</script>
1<body></body>
---------------------------------------------------------------
1<script>
2function add(){
3var table=document.createElement("TABLE")
4var tbody=document.createElement("TBODY")
5var tr=document.createElement("TR")
6var td=document.createElement("TD")
7var c=document.createAttribute("onclick")
8c.nodeValue="alert(this.id)"
9document.body.appendChild(table)
10table.appendChild(tbody)
11tbody.appendChild(tr)
12tr.appendChild(td)
13td.setAttributeNode(c)
14td.onclick=function (){alert(td.id)}
15td.innerText="fason"
16}
17</script>
1<a href="#" onclick="add()">add</a>