【JavaScript】如何获取调用该函数的源对象(元素)

来源:互联网 发布:js tr td 编辑:程序博客网 时间:2024/06/10 20:14


问题前提:

原本打算进行动态添加元素的,然后设置双击该元素删除该元素。

在原本就存在的元素上设置了onDbClick属性,再利用removeChild实现了。

在动态添加的元素上尝试设置ondbclick属性——失败(存在参数的时候不行,没参数正常);还试了几个,也是同样的问题。

然后便将方向转向如何获取调用该函数的源对象的问题上。

方法一:

也就是我自己原来用的方法。

将自己作为参数传进函数内,如

function Del(obj){alert("obj.getAttribute("id"));}<div onClick="Del(this)" id="div1"></div>

方法二:(IE不支持)

利用关键字event中的targe。

target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

function Del(){alert(event.target.getAttribute("id"));}<div onClick="Del()" id="div2"></div>


遇到更多的再补充

如有不对,欢迎指正。

阅读全文
0 0
原创粉丝点击