利用getComputedStyle方法获取元素css的属性值_html/css_WEB-ITnose
程序员文章站
2022-05-24 12:55:07
...
在平时的工作中有时候会碰到需要获取元素当前样式的问题,查了一下可以用getComputedStyle这个方法来获取元素计算后的样式(有些我们在css里面没有写的,浏览器默认的样式也可以获得)
getComputedStyle的使用
getComputedStyle接收两个参数,第一个参数是一个元素,第二个参数是一个可选的伪元素。
getComputedStyle方法返回一个包含所有样式的对象,可以通过length方法获取这个对象的长度。
获取元素某个css属性的值
获取元素css属性值的方法有两种,一种是通过getComputedStyle方法返回的对象调用getPropertyValue方法,这个方法接收一个属性名作为参数,返回属性值。(这个方法的参数不必采用驼峰的写法,如想要获取背景颜色,直接传入"background-color"即可)
另外一种方法是直接使用getComputedStyle方法返回的对象的索引。
Title
参考:https://css-tricks.com/get-value-of-css-rotation-through-javascript/
获取元素CSS值之getComputedStyle方法熟悉-张鑫旭
推荐阅读
-
利用getComputedStyle方法获取元素css的属性值_html/css_WEB-ITnose
-
读取页面元素的onclick属性值 禁止重定向 获取url重定向后Location头指定的重定向目标_html/css_WEB-ITnose
-
JS获取对象的某个CSS属性值的问题_html/css_WEB-ITnose
-
利用getComputedStyle方法获取元素css的属性值_html/css_WEB-ITnose
-
读取页面元素的onclick属性值 禁止重定向 获取url重定向后Location头指定的重定向目标_html/css_WEB-ITnose
-
getStyle 获取元素所绑定的css属性_html/css_WEB-ITnose
-
获取元素CSS值之getComputedStyle方法熟悉_html/css_WEB-ITnose
-
获取元素CSS值之getComputedStyle方法熟悉_html/css_WEB-ITnose
-
CSS关于子元素设置了float属性后父元素高度为0的解释和解决方法_html/css_WEB-ITnose
-
怎么选择属性不等于某值或没有该属性的元素_html/css_WEB-ITnose