javascript innerHTML出現未知執行階段錯誤

通過innerHTML來添加介面元素。
舉例。
.html
<table id="tab_1" width="100%" border="0"></table>

.js
document.getElementById("tab_1").innerHTML="<tr><td colspan="5"><div class="Double"><span>some：</span></div></td></tr>";
在IE中，有時候會出現"未知的執行階段錯誤(unknown runtime error)",
而在firefox裡不會。

這主要是IE在對innerHTML進行寫操作的時候會檢查tab_1是否具備做為這些內容中html對象容器的要求，所以如果你發現這些錯誤出現，嘗試做兩件事情：

1、檢查你嘗試加到innerHTML的html代碼是否包含破損的html標籤，如沒有<ul></ul>包圍的<li></li>.
2、把你的容器改成那些比較“包容”的標籤，如<span></span>,<div></div>

特別注意的是<tbody>,<table>,<tr>標籤裡面加正確格式的<td>標籤都有可能出錯，所以應該避免使用這些標籤作為容器。
必要時可以用<td>作為容器，再鍥套一層表格

 

------------------------------------

原因有兩個
1.元素的innerHTML 屬性是唯讀。。
唯讀元素:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR

2.HTML錯誤的嵌套例如在p裡嵌套div那修改div的innerHTML 屬性也會出現錯誤