IE8-下无法识别后续以innerHTML方式添加的自定义标签

例如要创建一个自定义标签thetag,事先已document.createElement('thetag'),但后续通过innerHTML的方式添加的该元素,IE8-是不认的。。

createElement + appendChild 则可以。其他浏览器各种方式均OK。

<script>document.createElement('thetag');</script>
<thetag id="test1"></thetag>

<script type='text/javascript'>
window.onload=function(){
var div = document.createElement('thetag');
div.id = 'test2';
document.body.appendChild(div);

var html = '<thetag id="test3"></thetag>',
div = document.createElement('div');
div.innerHTML = html;
document.body.appendChild(div);

alert(document.getElementById('test1').id + ' in page');
alert(document.getElementById('test2').id + ' create-append');
alert(document.getElementById('test3').id + ' use innerHTML'); //cause an error in IE8-
}
</script>



posted @ 2012-02-01 20:01  前端菜鸟  阅读(7293)  评论(0编辑  收藏  举报