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" onchange="alert('hacked。。 your Cookie: ' + document.cookie);">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<img src=x onerror="alert(/hacked/)"/>
<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
