向HTML元素动态添加事件！

最新推荐文章于 2021-06-04 09:33:55 发布

xwkp2008

最新推荐文章于 2021-06-04 09:33:55 发布

阅读量2.1k

点赞数

分类专栏： js 文章标签： html function class

本文链接：https://blog.csdn.net/xwkp2008/article/details/1369923

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在项目中使用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.οnclick=function()//td添加onclick事件
                            {
                                alert(this.innerText);//使用this对象操作
                                   . ........
                            }
                        }
                    }
            }
然后在<bady>中添加addEvent()
<body οnlοad="addEvent();">