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>
// 使用jQuery的预绑定功能，例：预绑定body中所有可能出现的div给其添加点击事件$('body').delegate('div', 'click', function() {
// 这里写点击事件后的逻辑
})
可以在按钮元素上增加事件属性onclick，属性内写你要执行的代码或函数。也可以在代码中直接绑定事件，如通过querySelector等查找到元素后，在元素上直接加onclick事件。
还可以通过事件指派，绑定事件在按钮上面。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）