GetElementsByClassName()

getElementsByClassName() 方法用于通过类名值选择或获取元素。此 DOM 方法返回一个类数组对象，其中包含所有具有指定类名的元素。在任何特定元素上调用 getElementsByClassName() 方法时，它将搜索整个文档，并仅返回与指定或给定类名匹配的那些元素。

语法

在此处，name 是必须传递的参数。它是一个字符串，指定一个或多个要匹配的类名。

getElementsByClassName() 方法示例

让我们看一些示例来了解和理解该方法的实际实现。

示例

这是一个简单的类实现，在调用变量 x 时返回一个类数组对象。

输出

同样，我们可以实现 getElementsByClassName() 方法来返回多个类的元素集合。

getElementsByClassName()、querySelector() 和 querySelectorAll() 方法之间的区别

getElementsByClassName()：它匹配具有指定类名的元素，并返回一组匹配的元素。返回的元素是实时 HTML 元素集合。如果对文档对象模型进行任何更改，这些实时元素可以进一步更新。

querySelector()：它只返回一个与指定类名匹配的元素。如果找不到任何匹配的元素，则返回 null。

要理解的重点是，上述所有方法都返回一个元素或一个列表，但 getElementsByClassName() 方法支持动态更新，而其他两种方法支持静态更新。