45fan.com - 路饭网

搜索: 您的位置主页 > 网络频道 > 阅读资讯:如何向HTML元素动态添加事件?

如何向HTML元素动态添加事件?

2016-09-07 13:35:31 来源:www.45fan.com 【

如何向HTML元素动态添加事件?

在项目中使用extremecomponents显示数据,在一个实例中,由于用到标签AutoGenerateColumns生成数据,结果需要对单元格td添加onclick事件,只能通过动态向document中的td添加Event:

function addEvent()
{
col=document.getElementsByTagName("td");//获取所有的td标签
for(i=0; i<col.length; i++) {
whichEl=col[i];//取出单个标签
if(whichEl.className=="contenttitle")//本例中取出所有class="contenttitle"的td
{
whichEl.onclick=function()//td添加onclick事件
{
alert(this.innerText);//使用this对象操作
. ........
}
}
}
}
然后在<bady>中添加addEvent()
<body onload="addEvent();">
 

本文地址:http://www.45fan.com/a/question/73680.html
Tags: 动态 元素 html
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部