javascript - 一道js练习题,为什么这里最后getElementsByTagName('a')[0]是0
女神的闺蜜爱上我
女神的闺蜜爱上我 2017-06-26 10:57:27
[JavaScript讨论组]



    
    Document
    


    姓名:
    班级:
    
    
1 2 3 操作
2 22 33
3 22 33
4 22 33

这个实现效果是一个表格中,最后一列添加删除的效果,我搞不懂,createElement创建了a标签添加删除功能之后,为什么 oTd.getElementsByTagName('a')[0].onclick=function() 这里面TagName选的是[0],不是每一次都会创建一个a标签来触发js么。 为什么不是做个for循环给每个a来加onclick

女神的闺蜜爱上我
女神的闺蜜爱上我

全部回复(4)
typecho

迷茫

这是慕课网上JS的课程吧 'oTd'本来就是 oBtn.onclick之后才会创建的元素 这里面的a元素当然也是新建的;
为何还总是要用[0]? 因为getElementsTagName('a')返回的是一个元素list 即使长度只有1 也要用[0]或者.item(0)来拿到这个DOM元素

代言

通过你的代码可知,此时的oTd是用来存放删除链接的td元素,设置完innerHTML属性之后,此时的td元素为
<td><a href='javascript:'>删除</a></td>
oTd.getElementsByTagName('a')的返回值是该td元素(限定了选择范围,就是从包含这个a元素的父元素td中选择,而不是table元素)中包含的a元素组成的数组,因为该td元素只包含一个a元素,所以结果是长度为1的数组,要获取这个a元素,当然是取结果的[0]了(数组下标从0开始);

可以用一个for循环来添加onclick事件,你可以在每次执行完oTab.tBodies[0].appendChild(oTr);语句后,使用

var aArray = oTab.getElementsByTagName("a");
for (var i = 0; i < aArray.length; i++) {
    aArray[i].onclick = function() {
        oTab.tBodies[0].removeChild(this.parentNode.parentNode);
    }
}

但是问题是,你在第一个点击添加的时候,给第一条添加信息的a元素注册了点击事件;当你第二次点击添加的时候,因为第一条信息已经有点击事件了,为什么还要再覆盖一次点击事件呢?你只需要给新添加的元素注册点击事件就可以了啊。

高洛峰

动态创建的element元素是无法绑定click事件的,用使用到on或者bind。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号