获取元素样式的基础知识,特地补充一些遗漏的地方

关于获取元素样式的基础知识,特地补充一些遗漏的地方。

今天同事问了这样一个问题,有什么办法可以获取所有带有background属性的元素节点?

凭借经验直接脱口而出使用css3的 querySelectorAll() 根据类似正则的东西去找document.querySelectorAll(‘style*=”background”‘)’ 担心有问题还特地去一家网站去测试,结果也确实获取到了。

语句给别人发过去之后别人说不对获取不到,后来经过排查他要获取的所有的样式包括内外联,使用querySelectorAll()只是可以根据元素的内联样式去寻找,但是却找不到外联样式。

后来找到了一个这样的方法 document.getComputedStyle(element,null)[styleName] 这样可以获取到当前元素正在使用的样式规则,自然也就包含了内外联, 只是这样的方法不能够像querySelectorAll()这样 可以查找到所有符合的元素来,这就尴尬了……

    原文作者:愤怒的葡萄
    原文地址: https://segmentfault.com/a/1190000012701897
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞