javascript - appendChild 无法在 Internet Explorer 中工作

Question

我需要能够传入标签或 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');

Answer 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);