在document.getElementsByTagName（输入）[0]的末尾添加[0]有什么影响？

Question

我看到一些代码在document.getElementsByTagName(input)[0]的末尾使用了[0]，我不知道它的作用或含义。我尝试在w3schools上找它并发现它们使用它，但没有解释为什么。

有些灵魂请帮助我理解这个后缀意味着什么。这两个命令有何不同......

var y = document.getElementsByTagName("input")[0]
var x = document.getElementsByTagName("input")

Answer 1

[0]在这里的含义与其他几乎所有JavaScript上下文相同：获取名称为0 的属性值。

getElementsByTagName返回一个NodeList，就像一个Array。 [0]从中获取第一项。

Answer 2

好吧，getElementsByTagName会返回列表元素，因此使用[0]即可访问该列表的第一个元素。

Answer 3

这是元素的索引，如果你有更多的标签，那么每个标签都有索引。

<div></div> //index 0
<div></div> //index 1