如何在Firefox代码检查器中找到特定标记的所有实例?例如。如果我想找到<th>的所有实例,如何在不给源代码文本中每个'th'实例的情况下进行搜索?没有id="thread2",没有<p> FEATHERS</p>,理想情况下甚至没有<thead>实例,只是<th>标记?

每当我在搜索栏中的任何查询中键入<th>时,都不会得到任何结果,因为没有按顺序排列这些字符的非标记文本。我怀疑有某种方法可以专门搜索我不知道的标签,但我找不到它。

最佳答案

DOM Inspector FAQ上,据说可以使用正则表达式解决。您的情况是^th$。使用Firefox 70.0.1时,这对我不起作用。

Firefox DOM Inspector搜索框也使用CSS选择器,因此我想告诉您答案是“只做:is(th)”,但似乎并没有对此的支持和过时的:matches伪类。在检查员搜索中找到。希望这将是将来的解决方案。

我唯一能想到的解决方案是将:not伪类与实际上不存在的东西一起使用。因此,例如,CSS选择器中的th:not([_])[]查找具有方括号内属性的元素。因此,该示例正在搜索不具有属性th_标记。可能有比:not更有效的伪类,但是这是我唯一能找到的伪类。

另一种解决方案是转到控制台并使用document.querySelectorAll('th')。控制台中的输出将列出DOM中的所有标签,并为您提供一个检查器链接,单击该链接可将您带到该节点的DOM检查器。

07-24 09:46
查看更多