javascript - 我如何解析文档并删除除匹配和 ID 及其子项之外的所有元素

Question

我有一个嵌套了很多 div 的网页。我如何去除除具有特定 ID 及其子元素的 1 之外的所有元素。

我想保留那个 div 及其子元素，并删除其他所有内容，甚至是它的父元素

下面的代码不起作用它也删除了 child

var elms = document.getElementsByTagName('*');
for (var i = 0; i < elms.length; i++) {
    if (elms[i].id != "div63") {
        elms[i].parentNode.removeChild(elms[i])
    }
};

我想要一个非 jQuery 解决方案。

Answer 1

您可以保存对节点的引用，删除所有节点，然后将节点放入主体中:

var saved = document.getElementById('div63');
var elms = document.body.childNodes;
while (elms.length) document.body.removeChild(elms[0]);
document.body.appendChild(saved);

Demonstration