js怎么获取css属性


当前第2页 返回上一页

用法示例

1

2

3

4

5

6

7

8

window.onload = function() {

var but = document.getElementById('button');

var div = document.getElementById('getStyle');

but.onclick = function() {

var a = document.defaultView.getComputedStyle(div);

alert(a.width);//100px

}

}

注意事项

1. 获取到的是浏览器计算后的样式,如果你去获取background,你会得到下面结果

1

alert(a.background);//reb(255,0,0) none repeat sroll 0% 0% / auto padding-box border-box

所以请清楚指明你要获取的样式,像这样

1

alert(a.backgroundColor);//red

2. 写名字的时候不要有空格

'div'不可以是' div'

3. 不要获取未设置的样式,不兼容

解决兼容性: ie8一下版本不能使用getComputedStyle方法,而要用currenrStyle方法

1

2

a = div.currentStyle;

alert(a.width);

相关免费学习推荐:javascript(视频)

以上就是js怎么获取css属性的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

浅谈js函数及闭包

js怎么传一个对象

js中substring、slice与substr的区别有哪些?

javascript 中 settimeout 函数怎么用?

js filter是什么意思

js中空字符串的布尔值是false吗?

一分钟了解js中int和string的转换(附代码)

鲜为人知的 json.stringify 用法

vue.js前端框架有哪些特点

web学习之怎么使用纹理贴图

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...