Javascript 在 div 中查找类

在编写前端页面时，经常需要使用 Javascript 查找页面元素并进行相应的操作。其中，查找指定类名的元素也是非常常见的操作之一。本文将介绍如何使用 Javascript 在 div 中查找类。

使用 document.getElementsByClassName 方法

Javascript 中提供了 getElementsByClassName 方法，可以根据类名获取元素。具体方法如下：

var elements = document.getElementsByClassName(className);

其中，className 为要查找的类名，可以是一个或多个，多个类名需要用空格隔开。该方法会返回一个类数组对象，包含所有拥有指定类名的元素。

接下来，我们可以通过遍历该对象来访问每个元素。例如，将所有具有指定类名的元素背景色改为红色：

var elements = document.getElementsByClassName(className);
for (var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "red";
}

在指定 div 中查找类

如果只想在指定的 div 中查找类名，可以将 getElementsByClassName 方法应用在该 div 上：

var divElement = document.getElementById(divId);
var elements = divElement.getElementsByClassName(className);

其中，divId 为指定 div 的 id。这样，我们就可以只在该 div 中查找符合条件的元素了。例如，将指定 div 中所有具有指定类名的元素背景色改为蓝色：

var divElement = document.getElementById(divId);
var elements = divElement.getElementsByClassName(className);
for (var i = 0; i < elements.length; i++) {
  elements[i].style.backgroundColor = "blue";
}

总结

通过使用 Javascript 的 getElementsByClassName 方法，在指定 div 中查找指定类名的元素变得非常容易。上述方法简单易懂，适用于大部分场景。如果需求更加复杂，可以结合其他 DOM 操作API 来实现更多的操作。