javascript - 检测 DOM 元素的父元素何时更改

Question

当元素的 parentElement 发生变化时，是否会触发 DOM 事件？如果不是，有没有比使用超时轮询更好的方法？

我特别感兴趣的是了解 parentElement 何时从 null 更改为某个定义的元素。也就是说，当 DOM 元素附加到某处的文档树时。

编辑

考虑到评论中的问题，下面是一个示例，说明如何使用 null parentElement 创建元素:

var element = document.createElement('div');

console.assert(element.parentElement == null);

只有在添加到 DOM 后才会设置父对象:

document.body.appendChild(element);

console.assert(element.parentElement != null);

还要注意，使用 jQuery 创建的元素在创建时也会有一个 null 父级:

console.assert($('<div></div>').get(0).parentElement == null);

Answer 1

Afaik 没有这样的“父监听器”。

然而，我发现了一个可能有用的 hack。至少值得一读，因为这个想法很聪明。

http://www.backalleycoder.com/2012/04/25/i-want-a-damnodeinserted/

他在插入期间使用 CSS @keyframes 并监听生成的动画事件，该事件告诉他元素已插入。