当前第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);
}
}
|
注意事项
1. 获取到的是浏览器计算后的样式,如果你去获取background,你会得到下面结果
所以请清楚指明你要获取的样式,像这样
1 | alert(a.backgroundColor);
|
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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js怎么获取css属性