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对css样式进行更改

js怎么获取标签的值?

ajax获取网页添加到div中的方法

js如何判断一个对象是否是数组(函数)

javascript是js

three.js使用gpu选取物体并计算交点位置

变量必须以什么开头javascript

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

js数组基础知识(总结)

javascrip注释符是什么

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




打赏

取消

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

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

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

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

评论

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