问题描述
<html><head><title>www.yuanshi88.com</title><script> alert(document.getElementById("a1").style.width);</script> </head><body><div id="a1" style="width:100px;"></div> </body></html>网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; .NET4.0C)时间戳: Mon, 29 Aug 2011 13:35:41 UTC消息: 缺少对象行: 4字符: 1代码: 0URI: file:///C:/Users/denggg/Desktop/2.html
解决方案
页面是顺序加载的，改成<html> <head> <title>www.yuanshi88.com</title> </head> <body> <div id="a1" style="width:100px;"> </div> <script> alert(document.getElementById("a1").style.width); </script></body> </html> 或者<html> <head> <title>www.yuanshi88.com</title> <script> window.onload = function(){alert(document.getElementById("a1").style.width); }</script> </head> <body> <div id="a1" style="width:100px;"> </div> </body> </html>
解决方案二：
编译时从上而下的，运行到js时候，a1还没加载所以会找不到对象。一般企业开发js全部是放在最后一个</body>标签的上面，建议lz以后也这样做。
解决方案三：
顺序错误 要知道页面编译时时自上而下的 把script放到下面就行啦
解决方案四：
页面装载顺序问题执行alert(document.getElementById("a1").style.width); 时，<div id="a1" style="width:100px;"> 还没有初始化，所以document.getElementById("a1")为null<html><head><title>www.yuanshi88.com</title><script> function test(){alert(document.getElementById("a1").style.width); }</script></head><body><div id="a1" style="width: 100px;"><input type="button" name="Test" value="Test"onClick="test()"></div></body></html>