标签:idt 注意事项 alert code current block function compute 用法
window.onload = function() {
var but = document.getElementById(‘button‘);
var div = document.getElementById(‘getStyle‘);
but.onclick = function() {
alert(div.style.width);//弹出空的对话框
}
}
- 用法
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
}
}
2.注意事项
- 获取到的是浏览器计算后的样式
- "div.background"复合样式,不要获取
alert(a.background);//reb(255,0,0) none repeat sroll 0% 0% / auto padding-box border-box
用单一样式
alert(a.backgroundColor);//red
- 写名字的时候不要有空格
‘div‘不可以是‘ div‘
4.不要获取未设置的样式,不兼容
- 解决兼容性: ie8一下版本不能使用getComputedStyle方法,而要用currenrStyle方法,用currentStyle
a = div.currentStyle;
alert(a.width);
标签:idt 注意事项 alert code current block function compute 用法
原文地址:http://www.cnblogs.com/huyuzhu/p/6200863.html