Javascript在IE下設置innerHTML時出現未知的運行時錯誤的解決方法

2019-11-20 23:59:15

字體：大中小

來源：轉載

供稿：網友

 
<script> 
document.getElementById("trone").innerHTML = "<td>haha</td>"; 
</script> 
<tr id="trone"> 
</tr> 

在IE中，有時候會出現"未知的運行時錯誤(unknown runtime error)",而在firefox里不會。

這主要是IE在對innerHTML進行寫操作的時候會檢查element是否具備做為這些內容中html對象容器的要求，比如如果你是在一個p里加入包含<li>的html代碼，這是會出錯的。所以如果你發現這些錯誤出現，嘗試做兩件事情：
1、檢查你嘗試加到innerHTML的html代碼是否包含破損的html標簽，如沒有<ul></ul>包圍的<li></li>.
2、把你的容器改成那些比較“包容”的標簽，如<span></span>,<div></div>
特別注意的是<tbody>,<table>,<tr>標簽里面加正確格式的<td>標簽都有可能出錯，所以應該避免使用這些標簽作為容器，必要時可以用<td>作為容器，再嵌套一層表格。

所以，如果是
<td id="trone"></td>使用document.getElementById("trone").innerHTML="new";就沒問題。
解決方法你可以用javascript動態創建<tr><td>等標簽，而不是用innerHTML直接改。

上一篇：js中將字符串轉換成json的三種方式

下一篇：基于JQuery實現相同內容合并單元格的代碼