您好,使用原生js获取
一、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,
返回的是一个CSS样式声明对象 , 只读, 此方法支持Firefox浏览器
语法:var style=window.getComputedStyle(“元素”,“伪类”)第一个参数是必须的,第二个为可选的。
二、currentStyle 是一款可以兼容IE浏览器的属性返回的是当前所有最终使用的CSS属性值,
利用element.CurrentStyle.attribute可获取
其与getComputedStyle区别:1、 currentStyle不支持伪类样式获取;
2、currentStyle不支持现代浏览器,支持IE
原生JS中如何获取CSS属性中的值
面试中,应该会经常被问到样式的写法以及如何使用原生JS获取及操作样式的问题吧,让我给大家总结一下~
HTML + 行内样式
JS
嘿嘿~
可以使用 setProperty
element.style.setProperty( '-webkit-transition', 'left 5s linear' )也可以
element.style.webkitTransform = ''