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

最新推荐文章于 2026-05-14 06:39:56 发布

转载最新推荐文章于 2026-05-14 06:39:56 发布 · 261 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/ecma/archive/2012/02/01/2335047.html

收录于

当前文章被以下社区和专栏收录：

本文探讨了在IE8及以下版本中使用自定义HTML标签的问题，特别是通过innerHTML方式添加自定义标签时存在的限制，并提供了使用createElement和appendChild方法作为替代方案的有效实践。

例如要创建一个自定义标签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>