document.getElementsByClassName这个js如何使用

`document.getElementsByClassName` 是 JavaScript 中常用的方法之一，用于通过类名获取文档中符合指定类名的元素。它返回一个包含所有匹配元素的集合。

使用 `document.getElementsByClassName` 的基本语法如下：

var elements = document.getElementsByClassName(className);

其中，`className` 是要匹配的类名，可以是单个类名或多个空格分隔的类名。

例如，如果你想获取页面中所有类名为 "myClass" 的元素，可以这样使用：

var elements = document.getElementsByClassName("myClass");

返回的 `elements` 是一个类数组对象，可以通过下标或循环访问其中的元素。

如果你想获取多个类名同时匹配的元素，可以使用多个类名，例如：

var elements = document.getElementsByClassName("class1 class2");

这样将获取所有同时具有 "class1" 和 "class2" 类名的元素。

请注意，`document.getElementsByClassName` 方法在所有主流浏览器中都得到支持。

相关问题

``` document.getElementsByClassName ```如何遍历 document.getElementsByClassName 获取的元素

`document.getElementsByClassName` 是 JavaScript 中的一个方法，用于通过类名获取文档中的元素。它返回一个类数组对象，包含了所有具有指定类名的元素。

要遍历 `document.getElementsByClassName` 获取的元素，可以使用循环来逐个处理每个元素。以下是一个示例代码：

var elements = document.getElementsByClassName("className");
for (var i = 0; i < elements.length; i++) {
  // 对每个元素进行处理
  console.log(elements[i].textContent);
}

在上面的代码中，我们首先使用 `document.getElementsByClassName` 获取具有指定类名的元素，并将它们存储在 `elements` 变量中。然后，我们使用 `for` 循环遍历 `elements` 数组，并对每个元素进行处理。在这个示例中，我们简单地将每个元素的文本内容打印到控制台上。

希望这个回答能够帮到你！如果你还有其他问题，请继续提问。

封装函数：使用document.getElementsByTagName模拟document.getElementsByClassName

好的，下面是封装函数的代码：

function getElementsByClassName(className) {
  var elements = document.getElementsByTagName('*');
  var result = [];
  
  for (var i = 0; i < elements.length; i++) {
    if (elements[i].className === className) {
      result.push(elements[i]);
    }
  }
  
  return result;
}

这个函数使用`document.getElementsByTagName`来获取页面中的所有元素，然后遍历这些元素，判断每个元素的`className`是否与指定的`className`相等，如果相等则将该元素添加到结果数组中。最后返回结果数组。这样就模拟了`document.getElementsByClassName`函数的功能。