各浏览器中innerHTML实现差异（1）

如下代码

<p id="tit"></p><script>    try {        document.getElementById('tit').innerHTML = "<div>trtr</div>";    } catch(e) {        //IE<9 ERROR        alert(e)    }</script>

?

获取页面中id为tit的元素，为其innerHTML赋值。IE6/7/8中抛异常，其它浏览器正常。

?

但规范指出，段落P是不能包含P自身及其它块级元素的。IE6/7/8的处理洽洽是对的，其它浏览器则不对。

?

把innerHTML的值换成“<p>trtr</p>”，IE6/7/8仍然报错。

把innerHTML的值换成行内元素如“<span>trtr</span>”，IE6/7/8则不报错，正常执行。

?

这个问题是TX的蔡发现的。

?

相关：

IE6/7/8/9中使用innerHTML清空元素，其子元素也被清空