js如何取元素的overflow样式值

[wz_307]

<style>
.some{overflow:scroll;}
#div2{overflow:scroll;}
</style>

<div id="div1" style="overflow:scroll;"></div>
<div class="some"></div>
<div id="div2"></div>

js如何取到div的overflow属性呢? 第一种设置方法是可以用js取到的. 第2, 3种, 通过className和id设置的属性, 取出来的overflow值为"", 各位有什么办法没?

[slwsss]

参考http://blog.csdn.net/hulefei29/article/details/3694884

[似梦飞花]

domcument.defaultView.getComputedStyle(dom).overFlow 或者 dom.currentStyle.overFlow试试

[风动之石]

以 #div2 为例，获取计算后的 overflow 的值，用 obj.style.overflow 只能获取内联样式的值，即可以获取 <div id="div1" style="overflow:scroll;"></div> 的值，但是其他样式如内部样式表（放在<style></style>之间的）和外部样式表（通过<link>引入的）里的则不能通过obj.style.overflow获取，而需要通过计算样式获取，获取的值是应用在元素上的最终值。 IE 获取计算样式的方式是 obj.currentStyle.属性， DOM标准的方式是 getComputedStyle(obj, 伪类); 第二个参数是伪类，比如说":after"，没有的话设置成 null 跨浏览器获取计算后的 overflow 值：

var div2 = document.getElementById("div2");
var currentStyle = div2.currentStyle || getComputedStyle(div2, null);  
alert(currentStyle.overflow);

[wz_307]

多谢大家, 昨天找到了getComputedStyle, 但是用法错了, 没有取到值. 今天仔细看了一下, 多谢!!