您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例
js获取display属性值
发布时间：2015-04-27 21:12:26编辑：雪饮阅读（）
今天无意间发现使用js不能够以"xxx.style.display"的语法来获取html元素的display属性值，此种方法只能够设置html元素的display属性值。
在JavaScript中，通过document.getElementById(id).style.XXX可以获取到XXX的值，但意外的是这样做只能取到通过内嵌方式设置的样式值，即style属性里面设置的值。
如果是ie，问题很好解决，只要把style改成currentStyle即可。即：
1 |
function $(id){ |
2 |
return documentElementById(id); |
3 |
} |
4 |
var qL = $("qqChat").currentStyle.left; |
5 |
alert(qL);//结果有值 |
而在firefox下，则采用另外一种方式：
1 |
function $(id){ |
2 |
return documentElementById(id); |
3 |
} |
4 |
var qL = document.defaultView.getComputedStyle($("qqChat"),null) |
5 |
var qLL = qL.left; |
6 |
alert(qLL);//结果有值 |
雪饮个人博客------经验分享
关键字词：js,display,个人博客
下一篇：js获取单选框里面的值