可以通過(guò)以下方法用 javascript 獲取類(lèi)名元素：document.getelementsbyclassname() 返回具有指定類(lèi)名的所有元素。document.queryselector() 返回匹配指定類(lèi)名的第一個(gè)元素。document.queryselectorall() 返回匹配指定類(lèi)名的所有元素。element.classlist 判斷元素是否具有特定類(lèi)名并操作類(lèi)名列表。
如何用 JavaScript 獲取類(lèi)名元素
在 JavaScript 中，可以通過(guò)以下幾種方法獲取具有特定類(lèi)名的元素：
1. document.getElementsByClassName()
此方法返回一個(gè)類(lèi)似數(shù)組的對(duì)象，其中包含具有指定類(lèi)名的所有元素。
// 所有具有 "my-class" 類(lèi)名的元素
const elements = document.getElementsByClassName("my-class");
// 獲取第一個(gè)元素
const firstElement = elements[0];
登錄后復(fù)制
2. document.querySelector()
此方法返回匹配指定選擇器（包括類(lèi)名）的第一個(gè)元素。它使用 CSS 選擇器語(yǔ)法。
// 具有 "my-class" 類(lèi)名的第一個(gè)元素
const firstElement = document.querySelector(".my-class");
登錄后復(fù)制
3. document.querySelectorAll()
此方法返回一個(gè)類(lèi)似數(shù)組的對(duì)象，其中包含匹配指定選擇器（包括類(lèi)名）的所有元素。它也使用 CSS 選擇器語(yǔ)法。
// 所有具有 "my-class" 類(lèi)名的元素
const elements = document.querySelectorAll(".my-class");
登錄后復(fù)制
4. Element.classList
每個(gè)元素都有一個(gè) classList 屬性，它是一個(gè)表示元素當(dāng)前類(lèi)名列表的 DOMTokenList 對(duì)象。
// 具有 "my-class" 類(lèi)名的元素
const element = document.getElementById("my-element");
// 判斷元素是否具有 "my-class" 類(lèi)名
if (element.classList.contains("my-class")) {
// 執(zhí)行某些操作
}
登錄后復(fù)制
通過(guò)使用這些方法，可以輕松地獲取和操作具有特定類(lèi)名的元素。
