访问元素的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样式)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 5,386评论 1 3
  • CSS与JavaScript是两个有着明确分工的领域,前者负责页面的视觉效果,后者负责与用户的行为互动。但是,它们...
    许先生__阅读 3,746评论 0 3
  • 网上不是有这么个段子嘛:可怕的是,比你聪明的人比你更勤奋。那么,这里的“勤奋”的差异体现在什么地方呢?就拿这个ge...
    FeRookie阅读 2,593评论 0 2
  • 工作日记 晚上19:30回到单位,心里明白我不再的这一周时间,邹师兄一定很忙,所以心里有点愧疚,但还是有点担心工作...
    奔跑中的镜子阅读 1,288评论 0 0
  • 原文《子曰:“不患无位,患所以立;不患莫己知,求为可知也。” 》 君子不担心自己没职位,担心的是自己凭什么...
    郭月山阅读 1,724评论 0 0

友情链接更多精彩内容