脚本化css(间接改变css)

脚本化css


dom.style.prop ——》可读可写


style——》CSSStyleDeclaration 只会看到行间样式表(类数组)
JS里面的一些属性,例如background-color, - 得写成小驼峰式
也就是float,最好写成cssFloat


只读的一些查看属性方法


window.getComputedStyle(div,null) IE8及以下不兼容

获取当前元素所展示的所有一切css样式,包括一些默认值,是类数组,是计算后的绝对值,也就是说像em的不会出现

div.currentStyle IE独有

获取当前元素所展示的所有一切css样式,包括一些默认值,是类数组,但不是计算后的绝对值!

封装一个兼容性方法

function getStyle(elem, prop) {
    if (window.getComputedStyle) {
        return window.getComputedStyle(elem, null)[prop];
    } else {
        return elem.currentStyle[prop];
    }
}

getComputedStyle(elem,“after”),第二个参数是添加伪类的,可以获取伪类元素的属性。

可以间接改变伪类元素的属性,改变他之前或者之后元素的类名

发布了37 篇原创文章 · 获赞 0 · 访问量 692

猜你喜欢

转载自blog.csdn.net/weixin_43704007/article/details/105209398