如何用 JavaScript 獲取類名元素

在 JavaScript 中，可以通過以下幾種方法獲取具有特定類名的元素：

1. document.getElementsByClassName()

此方法返回一個類似數組的對象，其中包含具有指定類名的所有元素。

// 所有具有 "my-class" 類名的元素
const elements = document.getElementsByClassName("my-class");

// 獲取第一個元素
const firstElement = elements[0];

2. document.querySelector()

此方法返回匹配指定選擇器（包括類名）的第一個元素。它使用 CSS 選擇器語法。

// 具有 "my-class" 類名的第一個元素
const firstElement = document.querySelector(".my-class");

3. document.querySelectorAll()

此方法返回一個類似數組的對象，其中包含匹配指定選擇器（包括類名）的所有元素。它也使用 CSS 選擇器語法。

// 所有具有 "my-class" 類名的元素
const elements = document.querySelectorAll(".my-class");

4. Element.classList

每個元素都有一個 classList 屬性，它是一個表示元素當前類名列表的 DOMTokenList 對象。

// 具有 "my-class" 類名的元素
const element = document.getElementById("my-element");

// 判斷元素是否具有 "my-class" 類名
if (element.classList.contains("my-class")) {
  // 執行某些操作
}

通過使用這些方法，可以輕松地獲取和操作具有特定類名的元素。