getElementsByTagName之后的方括号它们用于什么？

Question

我是C#的初学者,最近开始研究JavaScript并遇到了这种情况.我试图按标签名称获取元素

var element = document.getElementsByTagName('script');

这没用.经过互联网研究,我发现了这一点

var element = document.getElementsByTagName('script')[0];

哪个有效.我的问题是方括号的目的是什么？

Answer 1

var elements = document.getElementsByTagName('script');

这里的关键是元素这个词

此方法可以返回名为NodeList的类数组对象中的零个,一个或多个元素.

[0]的用法是找到该列表中的第一个元素.

var element = document.getElementsByTagName('script')[0];

如果没有元素,NodeList那么元素将是,undefined并且下面的代码可以检查它.

免费调试提示

如果你有一个值,你不确定为什么它的表现方式是这样的:

console.log(document.getElementsByTagName('script'))

而且你已经能够看到它不是一个返回的元素.

Answer 2

getElementsByTagName()返回节点列表并[0]指示节点列表中的第一个元素