本文介绍了在JavaScript中读取元素样式的兼容性方法，通过element.currentStyle和document.defaultView.getComputedStyle(element,null)来获取最终计算后的样式结果。并提供了一个示例代码用于演示如何读取特定元素的边距。
在JS中，要想兼容的情况下，style属性只能读取嵌入在HTML代码中的样式。
对于其它样式，无论内部（写在style标签之间）还是外部（导入的样式表）都读取不到。
改进的读取方法如下：
-------------------------------------------------------------------------
<style>
#odiv {margin:30px;}
</style>
<body>
<div id="odiv" >ddddd </div>
<script type="text/javascript">
<!--
function getCurrentStyle(element) {
return element.currentStyle || document.defaultView &&
document.defaultView.getComputedStyle(element, null);
}
alert(getCurrentStyle(document.getElementById("odiv")).marginLeft);
//-->
</script>
</body>
----------------------------------------------------------------------------------------------------------------
element.currentStyle和document.defaultView.getComputedStyle(element, null)得到的是当前元素计算后的最终样式结果集
element.style是由对元素设置了或元素的属性里设置了才会有
扫一扫
1342
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
