Javascript appendchild 不包括 Body/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