各浏览器中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清空元素,其子元素也被清空

posted on 2012-04-24 17:59  snandy  阅读(1530)  评论(0编辑  收藏  举报