獲取元素樣式的基礎知識,特意補充一些遺漏的地方

關於獲取元素樣式的基礎知識,特意補充一些遺漏的地方。css

今天同事問了這樣一個問題,有什麼辦法能夠獲取全部帶有background屬性的元素節點?css3

憑藉經驗直接脫口而出使用css3的 querySelectorAll() 根據相似正則的東西去找document.querySelectorAll('style*="background"')’ 擔憂有問題還特意去一家網站去測試,結果也確實獲取到了。測試

語句給別人發過去以後別人說不對獲取不到,後來通過排查他要獲取的全部的樣式包括內外聯,使用querySelectorAll()只是能夠根據元素的內聯樣式去尋找,可是卻找不到外聯樣式。網站

後來找到了一個這樣的方法 document.getComputedStyle(element,null)[styleName] 這樣能夠獲取到當前元素正在使用的樣式規則,天然也就包含了內外聯, 只是這樣的方法不可以像querySelectorAll()這樣 能夠查找到全部符合的元素來,這就尷尬了......code

相關文章
相關標籤/搜索