在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是由对元素设置了或元素的属性里设置了才会有