Tr.innerHTML="移到这里来!"
Tr.onmouseover=function()
{
this.style.backgroundColor='#e1e8fb'
alert(1)
}
var Table=document.getElementById("table的id")//或者是其他的方式获取的Table对象。
Table.appendChild(Tr)
上面的代码就可以了
找到要添加节点的节点(table)var tb = document.getElementById("tb")
//创建tbody节点，表格中必须有tbody才能添加，直接添加tr不成功
var tbody = document.createElement("tbody")
//创建tr节点
var tr = document.createElement("tr")
//创建td节点
var td = document.createElement("td")
//添加一个文本框节点，设置id和type属性
var newTp = document.createElement("input")
newTp.id = "text1"
newTp.type = "text"
//添加一个按钮
var newEl = document.createElement("input")
newEl.type = 'button'
newEl.value = "button"
newEl.name = "button1"
//添加onclick事件,和事件执行的函数
newEl.onclick = function dofun(){
document.getElementById("txt").value += newTp.value
}
//把2个节点添加到td当中
td.appendChild(newTp)
td.appendChild(newEl)
//把td添加到tr中
tr.appendChild(td)
//把tr添加到td中
tbody.appendChild(tr)
//把td添加到table中
tb.appendChild(tbody)
}
</script>
</head>
<body>
<table id="tb">
<tr>
<td>
添加节点的地方
</td>
</tr>
</table>
<table>
<tr>
<td>
<input type="button" value="添加节点" onclick="addEl()" />
</td>
<td>
<input type="text" id="txt"/>
</td>
</tr>
</table>
</body>
</html>
很简单；不用修改html页面js如下
window.onload=init；
function init(){
var trs=documents.getElmentsByTagName('TR')
for(var i=0i<trs.lengthi++)
trs[i].onclick=doclick
}
function doclick(){
alert(this.innerHTML)
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）