首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

各浏览器中innerHTML兑现差异(2)

2012-06-26 
各浏览器中innerHTML实现差异(2)如下代码?p idtit/pscriptvar p document.getElementById(tit

各浏览器中innerHTML实现差异(2)

如下代码

?

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

?

?

执行顺序如下
1,获取页面上段落元素P
2,创建一个块级元素div
3,将div添加到段落P上(注:规范指出P不能包含块级元素)
4,给div的innerHTML赋值

?

结果:

IE6/7/8中抛异常。其它浏览器则不。

?

和第一篇一样,如果创建的是行内元素,IE6/7/8中则不报错。或者将2,3的顺序对调IE6/7/8也不报错。

?

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

?

相关:

各浏览器中innerHTML实现差异(1)

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

热点排行