摘要:關(guān)于獲取元素樣式的基礎(chǔ)知識,特地補充一些遺漏的地方。后來找到了一個這樣的方法這樣可以獲取到當(dāng)前元素正在使用的樣式規(guī)則,自然也就包含了內(nèi)外聯(lián),只是這樣的方法不能夠像這樣可以查找到所有符合的元素來,這就尷尬了
關(guān)于獲取元素樣式的基礎(chǔ)知識,特地補充一些遺漏的地方。
今天同事問了這樣一個問題,有什么辦法可以獲取所有帶有background屬性的元素節(jié)點?
憑借經(jīng)驗直接脫口而出使用css3的 querySelectorAll() 根據(jù)類似正則的東西去找document.querySelectorAll("style*="background"")’ 擔(dān)心有問題還特地去一家網(wǎng)站去測試,結(jié)果也確實獲取到了。
語句給別人發(fā)過去之后別人說不對獲取不到,后來經(jīng)過排查他要獲取的所有的樣式包括內(nèi)外聯(lián),使用querySelectorAll()只是可以根據(jù)元素的內(nèi)聯(lián)樣式去尋找,但是卻找不到外聯(lián)樣式。
后來找到了一個這樣的方法 document.getComputedStyle(element,null)[styleName] 這樣可以獲取到當(dāng)前元素正在使用的樣式規(guī)則,自然也就包含了內(nèi)外聯(lián), 只是這樣的方法不能夠像querySelectorAll()這樣 可以查找到所有符合的元素來,這就尷尬了......
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/51673.html
摘要:關(guān)于獲取元素樣式的基礎(chǔ)知識,特地補充一些遺漏的地方。后來找到了一個這樣的方法這樣可以獲取到當(dāng)前元素正在使用的樣式規(guī)則,自然也就包含了內(nèi)外聯(lián),只是這樣的方法不能夠像這樣可以查找到所有符合的元素來,這就尷尬了 關(guān)于獲取元素樣式的基礎(chǔ)知識,特地補充一些遺漏的地方。 今天同事問了這樣一個問題,有什么辦法可以獲取所有帶有background屬性的元素節(jié)點? 憑借經(jīng)驗直接脫口而出使用css3的 q...
摘要:發(fā)現(xiàn)有很多東西效果其實可以用偽類或者偽元素實現(xiàn)。記錄下為什么引入偽類和偽元素引入偽類和偽元素概念是為了格式化文檔樹以外的信息,也就是說。偽類和偽元素是用來修飾不在文檔樹中的部分,比如,一句話中的第一個字母,或者列表中的第一個元素。 最近用js實現(xiàn)一些css效果。發(fā)現(xiàn)有很多東西效果其實可以用偽類或者偽元素實現(xiàn)。特地補充下這方面的知識。 記錄下 為什么引入偽類和偽元素 CSS introd...
摘要:語言中使用斜杠來表示一個字符串的結(jié)束。注意事項由于被替換,如果字符串末尾有,換行會出現(xiàn)兩次。函數(shù)的原型成功返回失敗返回將的字符串錄入到文件指針中。 前言: 考慮到之前在專欄中講字符串的時候有些知識點沒有詳細(xì)地講解,所以本篇是對字符串相關(guān)的知識點的補充篇!例如 %s 輸出左對齊右對齊,限制...
閱讀 882·2021-09-02 09:55
閱讀 1519·2019-12-27 12:02
閱讀 1728·2019-08-30 14:24
閱讀 1151·2019-08-30 14:18
閱讀 2762·2019-08-29 13:57
閱讀 2209·2019-08-26 11:51
閱讀 1375·2019-08-26 10:37
閱讀 773·2019-08-23 16:09