的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