如何在 Firefox 代碼檢查器中搜索標簽並排除簡單文本結果？

Question

如何在 Firefox 代碼檢查器中找到特定標簽的所有實例？ 例如，如果我想查找<th>的所有實例，如何在不給出源代碼文本中的每個 'th' 實例的情況下進行搜索？ 沒有id="thread2" ，沒有<p> FEATHERS</p> ，理想情況下甚至沒有<thead>的實例，只有<th>標簽？

每當我在搜索欄中的任何查詢中鍵入<th>時，我都沒有得到任何結果，因為沒有非標記文本具有該序列中的這些字符。 我懷疑有一些方法可以專門搜索我不知道但我無法找到的標簽。

Answer 1

在DOM Inspector FAQ上，據說解決方案是使用正則表達式。 在您的情況下，它將是^th$ 。 這對我使用 Firefox 70.0.1 不起作用。

Firefox DOM Inspector 搜索框也使用 CSS 選擇器，所以我想告訴你答案是“只做:is(th) ”，但對此的支持和即將過時的:matches偽類不似乎在檢查員搜索中。 希望這將是未來的解決方案。

我能想出的唯一解決方案是將:not偽類與實際上不存在的東西一起使用。 例如， th:not([_]) 。 []在 CSS 選擇器中查找具有方括號內屬性的元素。 因此，該示例正在搜索不具有屬性th的_ 。 可能有一個比:not更有效的偽類可以使用，但這是我能找到的唯一一個有效的偽類。

另一種解決方案是 go 控制台並使用document.querySelectorAll('th') 。 控制台中的 output 將列出 DOM 中的所有標簽並為您提供一個檢查器鏈接，單擊該鏈接后，您將進入該節點的 DOM 檢查器。