JS获得一个外部样式或者嵌入式样式的方法

本文介绍了一种兼容多种浏览器的方法来获取HTML元素的样式属性。针对Firefox和Chrome等浏览器不支持currentStyle的问题,通过使用window.getComputedStyle实现解决方案。

由于Javascript的style属性只能获取内联样式,对于外部样式和嵌入式样式需要用currentStyle属性。但是,currentStyle在FIrefox和Chrome下不支持

所以我们采用

       var element=document.getElementById('element');
        

        var ele=window.getComputedStyle?window.getComputedStyle(color,null):color.currentStyle;//解决FIrefox和//Chrome浏览器的兼容性问题 获取需要的元素 此时这个元素是一个object CSS2Properties对象

  

CSS2Properties 对象表示一组 CSS 样式属性及其值。它为 CSS 规范定义的每一个 CSS 属性都定义一个 JavaScript 属性。一个 HTMLElement 的 style 属性是一个可读可写的 CSS2Properties 对象,就好像 CSSStyleRule 对象的 style 属性一样。不过,Window.getComputedStyle() 的返回值是一个 CSS2Properties 对象,其属性是只读的。


var div.style.backgroundColor=ele.backgroundColor;//将div1的色彩变成ele的颜色


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值