2014-08-29 39 views
1

Firebug/Web開發者工具或任何其他擴展有一個函數來顯示所有具有給定的CSS類附加/應用的元素?找出一個給定的CSS類應用於所有元素?

所以,當我從源代碼(可以說,在Firebug中)選擇一個CSS類時,我希望看到所有應用此類的元素。

+0

有沒有這樣的東西作爲一個CSS類。你是指HTML類還是CSS規則集? – Quentin 2014-08-29 21:28:35

+0

阿門!我的新手一詞!是的,請。 – 2014-08-29 21:30:10

+0

「是」是對「Pick 1 of 2」問題的一個不好的答案。 – Quentin 2014-08-29 21:30:30

回答

3

你是在找:https://developer.mozilla.org/en-US/docs/Web/API/document.querySelectorAll

基本上你會發現一定的選擇這樣的匹配的元素:document.querySelectorAll('.firstclass.secondclass')

+0

是的,確切地說。但這是jQuery的事情?有沒有這樣的插件? – 2014-08-29 21:34:16

+2

不,這是原生的。按照鏈接,它會顯示哪些瀏覽器支持它。 (IE8和更新的,基本上。) – Mithon 2014-08-29 21:35:19

+0

我想沒有比你指定的更好的答案。我現在可以調整。 – 2014-09-02 16:29:34

1

有,你可以用它來實現這個兩個本機DOM功能:

現在,所有主流瀏覽器都支持這兩種瀏覽器。

例子:

document.getElementsByClassName("firstClass secondClass") 
document.querySelectorAll(".firstClass.secondClass") 
相關問題