的Javascript使用appendChild不包括车身/ head元素

Question

我使用的代码中使用JavaScript文件添加JavaScript到我的网页..

我的代码是：

alert("works"); 


    addScript('http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); 
    addScript('js/pdttrack/jquery.titlealert.js'); 
    addScript('js/pdttrack/jquery.msgbox.min.js'); 

    function addScript(filename) { 
     var tagPosition = document.getElementsByTagName('body'); 
     var scriptElement = document.createElement('script'); 
     scriptElement.setAttribute('type', 'text/javascript'); 
     scriptElement.setAttribute('src', filename); 
     tagPosition.appendChild(scriptElement); 
     alert("added "+ scriptElement); 
    } 

...但最后警报不费一枪..似乎

tagPosition.appendChild(scriptElement); 

不点火，其余全部都是..

Answer 1

尝试改变：

var tagPosition = document.getElementsByTagName('body'); 

要：

var tagPosition = document.getElementsByTagName('body')[0]; 

由于getElementsByTagName回报NodeList这是Array样和你需要指定index/key到阵列。

你也可以简单地做：

var tagPosition = document.body; 

了解更多关于MDN：

• https://developer.mozilla.org/en/DOM/element.getElementsByTagName

Answer 2

getElementsByTagName返回的Elemen的列表带有给定标签名称的ts。该列表没有名为appendChild的方法。你要抢第一之一，并在该操作：

document.getElementsByTagName('body')[0] 

的更多信息：

• https://developer.mozilla.org/en/DOM/element.getElementsByTagName