document.getelementbytagname()获取到的是单个元素

`document.getElementsByTagName()` 方法返回的是一个 HTMLCollection 对象，它表示文档中所有具有指定标签名的元素的集合。HTMLCollection 是一个类数组对象，它类似于数组，但没有一些常用的数组方法，例如 forEach()、map() 等。

如果文档中只有一个具有指定标签名的元素，那么可以通过索引获取它，例如 `document.getElementsByTagName('div')[0]`。但是，如果文档中有多个具有相同标签名的元素，那么需要使用循环或遍历来访问它们。

例如，以下代码可以输出文档中所有 `<div>` 元素的文本内容：

var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
  console.log(divs[i].textContent);
}

注意，`getElementsByTagName()` 方法返回的 HTMLCollection 是实时的，也就是说，如果文档中后续添加或删除了具有指定标签名的元素，那么它将会自动更新。

相关问题

document.getElementById()与document.getElementByTagName()的区别

document.getElementById()和document.getElementByTagName()是JavaScript中常用的两个DOM操作方法，它们的区别如下：

1. document.getElementById()：这个方法用于通过元素的id属性获取单个元素。它接受一个参数，即要获取的元素的id值，并返回一个表示该元素的对象。如果找不到对应id的元素，则返回null。

2. document.getElementByTagName()：这个方法用于通过元素的标签名获取一组元素。它接受一个参数，即要获取的元素的标签名，并返回一个表示该元素集合的对象，该对象是一个类数组对象（NodeList）。如果找不到对应标签名的元素，则返回空的NodeList。

总结起来，document.getElementById()用于获取单个元素，而document.getElementByTagName()用于获取一组元素。另外需要注意的是，getElementByTagName()返回的是一个类数组对象，可以通过索引访问其中的元素。

利用document.getElementByTagName方法实现document.getElementByClassName功能

document.getElementByTagName方法是用来通过标签名获取元素的，而document.getElementByClassName方法是用来通过类名获取元素的。它们是两个不同的方法，不能直接通过document.getElementByTagName方法实现document.getElementByClassName功能。

如果你想通过标签名来获取具有某个类名的元素，可以使用以下方法：

1. 使用document.getElementsByTagName方法获取指定标签名的所有元素，然后使用循环遍历这些元素。
2. 在循环中使用classList属性判断每个元素是否包含指定的类名。

下面是一个示例代码：

function getElementsByClassName(tagName, className) {
  var elements = document.getElementsByTagName(tagName);
  var matchedElements = [];

  for (var i = 0; i < elements.length; i++) {
    if (elements[i].classList.contains(className)) {
      matchedElements.push(elements[i]);
    }
  }

  return matchedElements;
}

你可以调用getElementsByClassName函数，并传入标签名和类名来获取匹配的元素。例如，要获取所有class为"example"的div元素，可以这样调用：

var matchedDivs = getElementsByClassName("div", "example");

请注意，这只是一个简单的示例代码，实际使用时可能需要更多的错误处理和优化。