Question

我可以删除单个<div>元素，方法是在Firebug的 HTML 面板中或在Firefox DevTools的 Inspector 面板中选择它并按 Del ，但是有没有办法删除除一个之外的所有元素？

Answer 1

我没有真正看到删除除了一个以外的所有HTML元素的用例，但在Firefox DevTools中有几种方法可以做到这一点：

在树中逐个选择每个元素，然后每次按 Del 。
或者选择根节点，右键单击，然后选择＆＃34;编辑为HTML＆＃34;上下文菜单，然后在出现的编辑框中，删除您不想再看到的HTML，并提交（` Cmd / Ctrl + 输入）

然而，这样做可能最终会删除应用于剩余元素的大量样式，并且在执行此操作后可能不会像原来那样显示。

也许你想做的事情是＆＃34;隔离＆＃34;页面中可视化的元素，使其成为唯一可见的元素。如果是这样，devtools中没有这样做的功能，但通过在Style-Editor面板中添加一些CSS可以轻松实现。假设您要隔离的元素具有id＆＃34; my-id＆＃34;，您可以这样做：

* { visibility: hidden; } #my-id { visibility: visible; }