getElementsByTagName中的零索引是什么?

时间:2017-08-04 06:57:42

标签: javascript getelementsbytagname

有人可以说,使用这个零指数会发生什么?

document.getElementsByTagName('head')[0].appendChild(script);

3 个答案:

答案 0 :(得分:1)

函数getElementsByTagName()将返回类似数组的HTMLCollection对象,当您使用索引0访问此对象时,它将为您提供该数据结构的第一个条目。

JavaScript中的索引从零开始(与许多编程语言一样)。

答案 1 :(得分:1)

getElementsByTagName返回具有给定标记名称的元素的实时HTMLCollection。HTMLCollection接口表示元素的类似数组的对象。

因此,传递零将使第一个index中的元素为第零个索引



var elements = document.getElementsByTagName('div');
console.log(elements);
console.log(elements[0]) // <div> First </div>
&#13;
<div> First </div>
<div> Second </div>
<div> Third </div>
<div> Fourth </div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

var js = document.createElement('script');
js.src = 'myscript.js';

document.getElementsByTagName('head')[0].appendChild(js);

你得到所有头元素(应该只有一个),你在那里添加脚本,结果是

<html>
  <head>
    <script>
    ...

如果文档中没有头部,大多数浏览器都会创建头元素,即使标签不在那里。

看看这个,它可能会有所帮助。 http://www.jspatterns.com/the-ridiculous-case-of-adding-a-script-element/