js怎么取元素的overflow样式值
js如何取元素的overflow样式值
js如何取到div的overflow属性呢? 第一种设置方法是可以用js取到的. 第2, 3种, 通过className和id设置的属性, 取出来的overflow值为"", 各位有什么办法没?
------解决思路----------------------
参考http://blog.****.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 值:
<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值为"", 各位有什么办法没?
------解决思路----------------------
参考http://blog.****.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);