使用 JavaScript 能够通过类名获取元素,这是一种实用的技术,可以节省大量的编码时间。

使用 document.getElementsByClassName() 方法

使用 document.getElementsByClassName() 方法可以获取指定类名的元素,该方法接受一个参数,即要查找的类名。例如,要获取所有具有类名“test”的元素,可以使用以下代码:

let elements = document.getElementsByClassName('test');

这将返回一个元素数组,其中包含所有具有类名“test”的元素。还可以使用此方法获取多个类名的元素,只需将多个类名用空格分隔即可,例如:

let elements = document.getElementsByClassName('test1 test2');

这将返回一个元素数组,其中包含具有类名“test1”和“test2”的所有元素。

使用 querySelectorAll() 方法

也可以使用 querySelectorAll() 方法来获取指定类名的元素。该方法接受一个参数,即要查找的类名,以 CSS 选择器的形式提供。例如,要获取所有具有类名“test”的元素,可以使用以下代码:

let elements = document.querySelectorAll('.test');

这将返回一个元素数组,其中包含所有具有类名“test”的元素。还可以使用此方法获取多个类名的元素,只需将多个类名用空格分隔即可,例如:

let elements = document.querySelectorAll('.test1 .test2');

这将返回一个元素数组,其中包含具有类名“test1”和“test2”的所有元素。

通过以上介绍,我们可以知道,JavaScript 可以通过类名获取元素,可以使用 document.getElementsByClassName() 方法或 querySelectorAll() 方法来实现,具体使用哪种方法取决于个人偏好。