我想检测节点（例如nodeX）何时不再可用，要么是因为它被删除了，要么是因为它的父节点（或其父节点）被删除了。
到目前为止，我能想到的就是使用Mutation Observer来查看页面上的任何删除，并检查删除的节点是否是nodeX或有nodeX作为后代。
有更容易的方法吗？
请注意：据我了解，链接的问题（该问题“是重复的”）询问“如何检测节点的[直接]删除”。我的问题是“如何检测节点或其父节点（或任何其他祖先）的删除”。
据我了解，这对于突变观察者来说并不简单：您需要检查每个删除的节点以查看它是否是祖先。
这是我想要确认或否认的。
据我了解，这与链接的问题不同。
这是一个标识如何删除元素的实现（直接或因为父母被移除)
var target = document.querySelector('#to-be-removed');
var observer = new MutationObserver(function(mutations) {
// check for removed target
mutations.forEach(function(mutation) {
var nodes = Array.from(mutation.removedNodes);
var directMatch = nodes.indexOf(target) > -1
var parentMatch = nodes.some(parent => parent.contains(target));
if (directMatch) {
console.log('node', target, 'was directly removed!');
} else if (parentMatch) {
console.log('node', target, 'was removed through a removed parent!');
}
});
});
var config = {
subtree: true,
childList: true
};
observer.observe(document.body, config);
var qs = document.querySelector.bind(document);
qs('#ul').addEventListener('click', function(){qs('ul').remove();}, false)
qs('#li').addEventListener('click', function(){qs('#to-be-removed').remove();}, false)
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li id="to-be-removed">list item 3</li>
<li>list item 4</li>
</ul>
<button id="ul">remove ul</button>
<button id="li">remove li</button>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
