IE innerHTML(转载)

错误信息：htmlfile: 未知的运行时错误
给innerHTML赋值时产生未知的运行时错误
这就是IE叫人郁闷加恶心的地方：

在IE中经常通过innerHTML来改变界面
但也经常出现以上错误,在firefox里则不会。

这是因为IE在对innerHTML进行写操作时会检查element是否具备做为这些内容中html对象容器的要求，
比如将<p>作为容器，它的innerHTML里面放入<li>，马上就会出错。

更加另人郁闷的地方：
<table> <tbody> <tr> 在ie中也无法作为innerHTML的容器使用
在他们里头加入正确的<td>都不行
然而<td>却可以作为容器，放入包括<table>的innerHTML

解决办法
1、确保innerHTML中的html代码正确；
2、确保包含innerHTML的容器正确：一般使用<div>,<span>,<td>

转自:http://blog.csdn.net/cxc3214/archive/2008/10/10/3049810.aspx

table>
<tr id="tr1">
<td>sdf</td>
</tr>
</table>
<script type="text/javascript">
window.onload=function (){
t = document.getElementById('tr1');
try {
t.innerHTML = '<td>fef</td>';
} catch (e){
alert(e.message);
}
};
</script>

FF下没有问题，IE下弹出错误：未知的运行时错误。
查资料后发现，IE下表格元素不能用innerHTML修改其内容。

然后用prototype的update()发现FF和IE下都没问题，于是查源码，原来prototype对表格元素的update()做了特殊处理，先removeChild()，然后再appendChild()。而且还对select作了同样处理，于是再看看select的：

<table>
<tr id="tr1">
<td>sdf</td>
</tr>
</table>
<select id="s1">
<option>sdf</option>
</select>
<script type="text/javascript" src="http://prototypejs.org/assets/2009/8/31/prototype.js"></script>
<script type="text/javascript">
window.onload=function (){
t = document.getElementById('tr1');
try {
t.innerHTML = 'test';
} catch (e){
alert(e.message);
}
$('tr1').update('sd');
$('s1').innerHTML='<option>eee</option>';
//$('s1').update('<option>eee</option>');
};
</script>

为select的innerHTML赋值在IE下同样出现问题，现象为select内容被清空，用debugBar查看，原来添加进去的<option>eee</option>变成了文本节点eee
然后用$('s1').update('<option>eee</option>');没有问题。

结论：在动态操作HTML元素内容时，最好用DOM方法（appendChild,removeChild等）；不要直接用innerHTML；或者使用prototype库提供的update,replace方法。http://hi.baidu.com/ichuan/blog/item/2ae06e1efd9e3b69f724e42d.html