为什么getElementsByTagName()返回一个html集合，而getElementsByTagName()[0]返回未定义的？

getElementsByTagName()是一个DOM方法，用于通过标签名获取文档中所有匹配的元素。它返回的是一个HTML集合（HTMLCollection），而不是一个单独的元素。

HTML集合是一个类数组对象，它包含了所有匹配的元素，按照它们在文档中出现的顺序排列。由于返回的是一个集合，所以可以通过索引来访问其中的元素。

当使用getElementsByTagName()[0]时，意图是获取集合中的第一个元素。然而，由于返回的是一个集合对象，而不是一个单独的元素，所以无法直接通过索引来访问。因此，尝试访问索引为0的元素会返回未定义（undefined）。

如果想要获取集合中的第一个元素，可以使用以下方式之一：

1. 使用索引访问方式：
2. 使用索引访问方式：
3. 使用集合对象的item()方法：
4. 使用集合对象的item()方法：

需要注意的是，如果没有匹配的元素，getElementsByTagName()会返回一个空的HTML集合，此时访问索引为0的元素同样会返回未定义。

关于HTML集合和getElementsByTagName()方法的更多信息，可以参考腾讯云的文档：

• HTMLCollection 对象
• getElementsByTagName() 方法