js 动态创建的元素怎样添加事件

JavaScript010

js 动态创建的元素怎样添加事件,第1张

1、动态创建元素时，将事件触发方式加入到元素创建中

例如：

document.getElementById('id').innerHTML='<input type="button" onclick="btnClick()" value="aaa"/>'

function btnClick(){

    alert('事件触发')

}

2、动态创建元素完成后，重新获取该元素绑定事件

例如：

document.getElementById('id').innerHTML='<input type="button" id="btn" />'

document.getElementById('btn').onclick=function(){

    alert('事件触发')

}

1、通过createElement创建tr节点

var tr = document.createElement('tr')//创建tr节点

2、往table中增加tr节点

var table = document.getElementsByTagName('table')[0]//获取table节点

table.appendChild(tr)//添加tr节点