我有一个pivot元素,我希望每当元素添加到此pivot元素时,就会调用一个javascript函数。每个元素必须完成一次调用。
DOMNodeInserted
被标记为已弃用,因此我尝试使用找到的here解决方法。该方法工作正常,但除了添加的元素(event.target
)之外,我还需要知道添加了哪个元素。
我是否必须记录添加到我的pivot元素的所有元素,然后在事件发生后比较它们以检测新元素或者是否有更简单的方法?
答案 0 :(得分:0)
如果您的变量引用了一个节点,要检索添加到它的最后一项,您可以使用lastChild属性。
var node = document.getElementById("something");
var last = node.lastChild;
last.appendChild(document.createTextNode("I'm the last one..."));
替代方案可能是childNodes:
var node = document.getElementById("something");
node.childNodes[node.childNodes.length - 1].appendChild(document.createTextNode("I'm the last one..."));
有关额外参考:https://developer.mozilla.org/en-US/docs/Web/API/Node/lastChild 和https://developer.mozilla.org/en-US/docs/Web/API/Node/childNodes