📌  相关文章
📜  按类获取元素 - Javascript (1)

📅  最后修改于: 2023-12-03 14:54:40.634000             🧑  作者: Mango

按类获取元素 - Javascript

在Javascript中,我们可以通过以下方法获取指定类名的所有元素:

document.getElementsByClassName(className);

其中,className是类名。例如,如果要获取所有类名为my-class的元素,我们可以这样写:

var elements = document.getElementsByClassName('my-class');

此时,elements就是一个包含所有类名为my-class的元素的数组,我们可以通过循环遍历每个元素并对其进行相应的操作。

如果我们需要仅选取第一个匹配的元素,我们可以使用querySelector方法:

var element = document.querySelector('.my-class');

getElementsByClassName不同,querySelector方法可以使用CSS选择器来获取元素,因此可以更灵活地进行元素选择。

另外,我们还可以使用querySelectorAll方法获取所有匹配CSS选择器的元素:

var elements = document.querySelectorAll('.my-class');

需要注意的是,querySelectorquerySelectorAll方法仅在IE 8及以上版本中可用。

总结一下,我们可以使用以下方法按类获取元素:

  • document.getElementsByClassName(className):获取所有类名为className的元素。
  • document.querySelector('.my-class'):获取第一个类名为my-class的元素。
  • document.querySelectorAll('.my-class'):获取所有类名为my-class的元素。