如何在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检查器。