访问元素的css样式

  • 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样式)