javascript代碼在ie8里報(bào)錯(cuò) document.getElementById(...) 為空或不是對(duì)象的解決方法原創(chuàng)

原創(chuàng) 更新時(shí)間：2009年11月28日 02:08:42 原創(chuàng) 作者：

今天更升級(jí)了ie8,發(fā)現(xiàn)原來在ie7下可以運(yùn)行的代碼，不能運(yùn)行了，發(fā)現(xiàn)了一些細(xì)節(jié)，附臨時(shí)修改辦法。

ie8中對(duì)于聲明文檔類型更加嚴(yán)格如下面的代碼。

運(yùn)行環(huán)境： <input type='text' name='os' value='Windows平臺(tái)' style='width:100px' /> <script type="text/javascript">                 function osdo(str){                 document.getElementById("os").value=str;                 }                 </script> <input name="ostmp" type="radio" value="" onclick="osdo('')" />清空 <input name="ostmp" type="radio" value="Windows平臺(tái)" onclick="osdo('Windows平臺(tái)')" /> Windows平臺(tái) <input name="ostmp" type="radio" value="" onclick="osdo('S60v2')" />S60v2 <input name="ostmp" type="radio" value="" onclick="osdo('S60v3')" />S60v3 <input name="ostmp" type="radio" value="" onclick="osdo('CHM')" />CHM <input name="ostmp" type="radio" value="" onclick="osdo('PDF')" />PDF <input name="ostmp" type="radio" value="" onclick="osdo('PPT')" />PPT <input name="ostmp" type="radio" value="" onclick="osdo('DOC')" />WORD <input name="ostmp" type="radio" value="" onclick="osdo('EXCEL')" />EXCEL <input name="ostmp" type="radio" value="" onclick="osdo('asp')" />asp <input name="ostmp" type="radio" value="" onclick="osdo('asp+access')" />asp+access <input name="ostmp" type="radio" value="" onclick="osdo('asp+sqlserver')" />asp+sqlserver <input name="ostmp" type="radio" value="" onclick="osdo('asp+sql/access')" /> asp+sql/access <strong>php源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('php')" />php <input name="ostmp" type="radio" value="" onclick="osdo('php+mysql')" /> php+mysql<input name="ostmp" type="radio" value="" onclick="osdo('jsp')" />jsp <strong>asp.net源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('asp.net')" />asp.net <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+access')" />asp.net+access <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql')" />asp.net+sql <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql/access')" />asp.net+sql/access

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

可以看到這段代碼在ie7與ie8中都是可以運(yùn)行的，下面的代碼我們加入聲明文檔

復(fù)制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

加了上面的文檔類型聲明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 運(yùn)行環(huán)境： <input type='text' name='os' value='Windows平臺(tái)' style='width:100px' /> <script type="text/javascript">                 function osdo(str){                 document.getElementById("os").value=str;                 }                 </script> <input name="ostmp" type="radio" value="" onclick="osdo('')" />清空 <input name="ostmp" type="radio" value="Windows平臺(tái)" onclick="osdo('Windows平臺(tái)')" /> Windows平臺(tái) <input name="ostmp" type="radio" value="" onclick="osdo('S60v2')" />S60v2 <input name="ostmp" type="radio" value="" onclick="osdo('S60v3')" />S60v3 <input name="ostmp" type="radio" value="" onclick="osdo('CHM')" />CHM <input name="ostmp" type="radio" value="" onclick="osdo('PDF')" />PDF <input name="ostmp" type="radio" value="" onclick="osdo('PPT')" />PPT <input name="ostmp" type="radio" value="" onclick="osdo('DOC')" />WORD <input name="ostmp" type="radio" value="" onclick="osdo('EXCEL')" />EXCEL <input name="ostmp" type="radio" value="" onclick="osdo('asp')" />asp <input name="ostmp" type="radio" value="" onclick="osdo('asp+access')" />asp+access <input name="ostmp" type="radio" value="" onclick="osdo('asp+sqlserver')" />asp+sqlserver <input name="ostmp" type="radio" value="" onclick="osdo('asp+sql/access')" /> asp+sql/access <strong>php源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('php')" />php <input name="ostmp" type="radio" value="" onclick="osdo('php+mysql')" /> php+mysql<input name="ostmp" type="radio" value="" onclick="osdo('jsp')" />jsp <strong>asp.net源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('asp.net')" />asp.net <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+access')" />asp.net+access <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql')" />asp.net+sql <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql/access')" />asp.net+sql/access

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

發(fā)現(xiàn) 提示document.getElementById(...) 為空或不是對(duì)象的解決方法
如果頁面中既有文檔聲明，因?yàn)橛胐iv+css布局的時(shí)候，聲不聲明文檔，頁面的一些地方都不一樣。
可以在head中添加下面的代碼

復(fù)制代碼代碼如下:

完整的代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 運(yùn)行環(huán)境： <input type='text' name='os' value='Windows平臺(tái)' style='width:100px' /> <script type="text/javascript">                 function osdo(str){                 document.getElementById("os").value=str;                 }                 </script> <input name="ostmp" type="radio" value="" onclick="osdo('')" />清空 <input name="ostmp" type="radio" value="Windows平臺(tái)" onclick="osdo('Windows平臺(tái)')" /> Windows平臺(tái) <input name="ostmp" type="radio" value="" onclick="osdo('S60v2')" />S60v2 <input name="ostmp" type="radio" value="" onclick="osdo('S60v3')" />S60v3 <input name="ostmp" type="radio" value="" onclick="osdo('CHM')" />CHM <input name="ostmp" type="radio" value="" onclick="osdo('PDF')" />PDF <input name="ostmp" type="radio" value="" onclick="osdo('PPT')" />PPT <input name="ostmp" type="radio" value="" onclick="osdo('DOC')" />WORD <input name="ostmp" type="radio" value="" onclick="osdo('EXCEL')" />EXCEL <input name="ostmp" type="radio" value="" onclick="osdo('asp')" />asp <input name="ostmp" type="radio" value="" onclick="osdo('asp+access')" />asp+access <input name="ostmp" type="radio" value="" onclick="osdo('asp+sqlserver')" />asp+sqlserver <input name="ostmp" type="radio" value="" onclick="osdo('asp+sql/access')" /> asp+sql/access <strong>php源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('php')" />php <input name="ostmp" type="radio" value="" onclick="osdo('php+mysql')" /> php+mysql<input name="ostmp" type="radio" value="" onclick="osdo('jsp')" />jsp <strong>asp.net源碼</strong> <input name="ostmp" type="radio" value="" onclick="osdo('asp.net')" />asp.net <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+access')" />asp.net+access <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql')" />asp.net+sql <input name="ostmp" type="radio" value="" onclick="osdo('asp.net+sql/access')" />asp.net+sql/access

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章: