IE6offsetWidth与offsetHeight为0的问题

最新推荐文章于 2024-03-06 13:15:14 发布

原创最新推荐文章于 2024-03-06 13:15:14 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

all 同时被 2 个专栏收录

204 篇文章

订阅专栏

JavaScript

19 篇文章

订阅专栏

本文探讨了Internet Explorer浏览器中offsetWidth属性的行为特性，尤其是在脚本加载过程中的表现。文中通过示例说明了该属性在IE中可能返回0的情况，并讨论了在Ext框架下遇到的相关问题及解决方案。

IE是在脚本完全加载之前就会运行JS，所以类似

<html>
<head>
<title>offsetWidth使用实例</title>
<body>
<div id="aa">
<table border="1">
<tr>
	<td id="bb">
		Some text goes here...
		<script type="text/javascript">
			alert(document.getElementById("bb").offsetWidth);
		</script>
	</td>
</tr>
</div>
</table>
<script type="text/javascript">
			alert(document.getElementById("bb").offsetWidth);
</script>
</body>
</html>

前面一个总会alert 0 ，另外如果div的样式设置为display:none据说也会为0.

关于Ext中众多的异步加载也可能会出现问题。

DragDropMgr.getLocation()中就使用了此属性，在工程中出现了就算加载完，点击按钮触发方法去alert(offsetWidth)也会显示0，现在都只能通过重写的方法重新设置，对IE进行特殊处理，当然是在确定IE拿出来的为0的情况下（经常是不定时的，特定标签为0，除了上面两种原因外，其他具体原因也搞不清楚）。

注意区分clientWidth,offsetWidth等在IE与FF,Chorme中的不同，在做padding时候IE也是往内部延伸，此类文章很多。