appendChild 在 Internet Explorer 中不工作答案

【问题标题】：appendChild not working in internet explorerappendChild 在 Internet Explorer 中不工作
【发布时间】：2014-09-03 01:14:54
【问题描述】：

我需要能够传入标签或 id 来附加内容和 js 文件。像往常一样，这适用于除 ie 之外的所有浏览器，ie 仅适用于 document.getElementsByTagName('head')[0].appendChild。有解决办法吗？

http://jsfiddle.net/qg5zexmh/

// Append js and html.
function _append(selector, arr) {
    var content = arr;
    for(var i = 0; i< content.length; i++) {
        var _content = content[i];
        var js = _content.indexOf('script');
        if(js > -1) {
            // Script tag.
            var script = document.createElement('script');
            script.type = 'text/javascript';
            var regex = /<script.*?src="(.*?)"/gmi;
            var url = regex.exec(_content);
            var inline = '';
            if(url) {
              script.src = url[1];
            } else {
              _content.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi, function(){
                inline += arguments[1] + '\n';
              });
              script.text = inline;
            }
            //document.getElementsByTagName("head")[0].appendChild(script);
            selector.appendChild(script);
        } else {
            // html content.
            selector.innerHTML += _content;
        }
    }
}
// Selector - div or tag.
var selector = document.getElementById('content');

【问题讨论】：

检查这可能会帮助你[用ie附加孩子][1] [1]：stackoverflow.com/questions/7090198/…

标签： javascript

【解决方案1】：

appendChild 适用于已创建的元素或 DOMparser（虽然 DOMparser 本身并不适用于 safari/webkit），而且将脚本附加到选择器也不是跨浏览器友好的，它需要直接附加到 head 或 body 标签.

将 appendChild 与 html 一起使用时，最简单的方法是

var str = '<h1>string of html</h1>';
var d = document.createElement('div');
d.innerHTML = str;
selector.appendChild(d);

【讨论】：

【解决方案2】：

appendChild 适用于内联 javascript，但您必须使用 document.write('');外部脚本让它在ie中工作。回溯到 ie8。

【讨论】：