美文网首页
访问元素的css样式

访问元素的css样式

作者: 蘑菇酱960903 | 来源:发表于2018-04-01 23:06 被阅读0次
    • getPropertyCSSValue(propertyName) 返回给定属性值的CSSValue对象
    • getPropertyValue(propertyName) 返回给定属性的字符串值
    • removeProperty(propertyName) 从样式中删除给定属性
    • item(index) 返回给定位置的CSS属性的名称
    • setProperty(propertyName, value, priority) propertyName = value !important/'空字符串'
    • cssText 访问到style特性中的css代码
            function getCssStyle (ele, propertyName) {
                var value = ele.style.propertyName;
                if (!value) {
                    if (document.defaultView.getComputedStyle) {
                        var css = document.defaultView.getComputedStyle(ele, null);
                        value = css? css[propertyName] : null;
                    }
                    else if (ele.currentStyle) {
                        value = ele.currentStyle[propertyName]; 
                    }
                    return value;
                }
            }
    

    ie支持ele.curreneStyle
    其他浏览器可用getComputedStyle(ele, null)
    两者均返回一个CSSStyleDeclaration对象,其中包含当前元素的所有计算的样式(包括行内样式和css样式)

    相关文章

      网友评论

          本文标题:访问元素的css样式

          本文链接:https://www.haomeiwen.com/subject/uoczcftx.html