获取某个div下的class为某个值的元素集合

可以使用JavaScript中的`querySelectorAll()`方法，结合CSS选择器来实现获取某个div下的class为某个值的元素集合。具体代码如下：

var div = document.getElementById('yourDivId');   // 先获取你想要的div
var elements = div.querySelectorAll('.yourClassName');   // 获取class为yourClassName的元素集合

其中，`yourDivId`是你想要获取的div的id，`yourClassName`是你想要获取的元素的class名。如果你想获取多个class名为`yourClassName`的元素集合，可以使用以下代码：

var div = document.getElementById('yourDivId');   // 先获取你想要的div
var elements = div.querySelectorAll('.yourClassName1, .yourClassName2');   // 获取class为yourClassName1或yourClassName2的元素集合

相关问题

js 寻找某个元素的孙子元素className

可以使用 `querySelectorAll` 方法来查找某个元素的孙子元素，并根据 className 进行过滤。具体实现如下：

const grandChildren = document.querySelectorAll('#爷爷元素ID div[class*="孙子元素的className"]')

其中，`#爷爷元素ID` 表示需要查找的爷爷元素的 ID，`div` 表示需要查找的孙子元素的标签名，`[class*="孙子元素的className"]` 表示需要查找的孙子元素的 className 包含特定字符串。以上三个条件可以根据具体情况进行修改。返回的 grandChildren 是一个 NodeList 类型的集合，可以通过遍历来获取每个孙子元素。

原生js如何判断元素是否存在某个类名

在原生 JavaScript 中，可以使用 `classList` 属性来判断一个元素是否存在某个类名。

`classList` 是一个只读属性，返回一个元素的类名集合。它提供了一系列方法来操作元素的类名，其中包括 `contains()` 方法用于检查类名是否存在。

例如，假设我们有一个 `div` 元素，并需要判断它是否存在名为 "active" 的类名，可以使用如下代码：

var element = document.querySelector('.my-element');
if (element.classList.contains('active')) {
  console.log('该元素存在 active 类名');
} else {
  console.log('该元素不存在 active 类名');
}

首先，通过 `document.querySelector()` 方法获取到我们想要操作的 `div` 元素，并将其赋值给 `element` 变量。

接下来，使用 `classList.contains()` 方法，传入我们要检查的类名 "active" 作为参数。如果该元素存在该类名，`contains()` 方法会返回 `true`，反之则返回 `false`。

最后，根据 `contains()` 方法的返回值，我们可以通过条件判断语句来确定该类名是否存在，并在控制台中输出对应的结果。

这就是使用原生 JavaScript 判断元素是否存在某个类名的方法。