如何在 div 中获取特定类的元素？

在页面中，我们会经常使用 <div> 标签来构建页面结构。而 <div> 中可能包含着多个不同的元素，我们需要获取其中一类元素来进行操作。

方法一：使用 getElementsByClassName()

getElementsByClassName() 是 DOM 提供的获取特定类的元素的方法。我们可以在 <div> 元素上调用该方法，然后传入所需要获取元素的类名。该方法将返回一个包含所有特定类名的元素的集合。

const elements = document.getElementsByClassName('class-name');

需要注意的是，返回的结果是一个类数组对象，需要遍历才能得到每个元素。例如：

const elements = document.getElementsByClassName('class-name');
for (let i = 0; i < elements.length; i++) {
  console.log(elements[i]);
}

方法二：使用 querySelectorAll()

querySelectorAll() 是另一个常用的获取元素的方法。该方法能够传递一个 CSS 选择器，以选择所有符合该选择器的元素。以下代码将获取所有类名为 class-name 的元素。

const elements = document.querySelectorAll('.class-name');

需要注意的是，querySelectorAll() 返回的结果是一个 nodeList 对象，同样需要遍历才能得到每个元素。

总结

以上是获取 <div> 中特定类的元素的两种基本方法。需要注意的是，这两种方法都只能获取静态的元素集合。如果 <div> 中的内容会动态地改变，需要在获取元素时重新调用上述方法。

记得在获取元素之后，可以针对集合中的元素进行修改、添加、删除等操作。