js 通过类名获取DOM元素

可以使用 `document.getElementsByClassName()` 方法来通过类名获取 DOM 元素。该方法返回一个 HTMLCollection 对象，包含所有指定类名的元素。

例如，以下代码将获取所有类名为 "example" 的元素：

var elements = document.getElementsByClassName("example");

如果只想获取第一个匹配的元素，可以使用 `querySelector()` 方法：

var element = document.querySelector(".example");

相关问题

js 父元素里面找某个类名的dom子元素

可以使用 JavaScript 的 `querySelector` 方法和选择器语法来实现。具体方法如下：

const parentElement = document.querySelector('.parent-class'); // 获取父元素
const childElement = parentElement.querySelector('.child-class'); // 获取子元素

其中，`.parent-class` 和 `.child-class` 分别是父元素和子元素的类名。如果要获取多个符合条件的子元素，可以使用 `querySelectorAll` 方法。例如：

const parentElement = document.querySelector('.parent-class'); // 获取父元素
const childElements = parentElement.querySelectorAll('.child-class'); // 获取多个子元素

注意，`querySelector` 和 `querySelectorAll` 方法都返回一个 NodeList 对象，需要通过索引或循环来访问其中的元素。

获取dom元素类名

你可以使用JavaScript的`className`属性来获取DOM元素的类名。例如，假设你有一个`<div>`元素，并且它有一个名为`box`的类，你可以使用以下代码获取它的类名：

var divElement = document.getElementById("myDiv");
var className = divElement.className; // 获取类名，结果为 "box"

如果该元素有多个类名，那么返回的是一个字符串，包含它们之间用空格分隔的所有类名。你也可以使用`classList`属性来获取元素的类名列表，这样更方便进行操作。例如，以下代码获取了一个元素的所有类名：

var divElement = document.getElementById("myDiv");
var classList = divElement.classList; // 获取类名列表

你可以使用`classList`的方法来添加、删除和切换类名。例如，以下代码将向元素添加一个名为`newClass`的类：

var divElement = document.getElementById("myDiv");
divElement.classList.add("newClass"); // 添加新类