JavaScript獲取class名稱 在Web開發(fā)中，我們經(jīng)常會用到CSS對頁面進行樣式的控制。其中一個CSS的重要屬性就是“class”，通過為HTML元素指定class類名，我們可以對某一類HTML元素進行樣式的設(shè)置。而在JavaScript中，我們可以使用一些方法來獲取HTML元素的class屬性，以方便我們對它進行操作。 獲取class名稱的方法 1. 使用document.getElementsByClassName()方法 該方法可以獲取文檔中所有含有特定類名（class名稱）的元素，返回一個NodeList對象。比如，我們有以下的HTML代碼：

<div class="example"></div>
<p class="example"></p>

我們可以這樣使用document.getElementsByClassName()方法獲取兩個含有“example”類名的元素：

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

需要注意的是，該方法返回的是一個NodeList對象，而不是數(shù)組。如果我們需要對返回的元素進行遍歷，通常需要使用for循環(huán)，如下所示：

for (var i = 0; i < elements.length; i++) {
console.log(elements[i].className);
}

這樣就可以依次輸出每個元素的class名稱了。 2. 使用document.querySelector()或document.querySelectorAll()方法 這兩個方法都可以用來獲取特定類名的元素。document.querySelector()只返回第一個符合條件的元素，而document.querySelectorAll()返回所有符合條件的元素。比如，我們有以下的HTML代碼：

<div class="example"></div>
<p class="example"></p>

我們可以使用以下代碼獲取第一個含有“example”類名的元素：

var element = document.querySelector(".example");
console.log(element.className);

也可以使用以下代碼獲取所有含有“example”類名的元素：

var elements = document.querySelectorAll(".example");
for (var i = 0; i < elements.length; i++) {
console.log(elements[i].className);
}

注意，這兩個方法選擇器的參數(shù)需要加上“.”符號，表示選擇class，而不是其他選擇器，如id選擇器。 總結(jié) JavaScript獲取HTML元素的class名稱，有多種方法可供選擇。我們可以使用document.getElementsByClassName()方法獲取所有符合條件的元素；也可以使用document.querySelector()或document.querySelectorAll()方法，針對單個或多個元素獲取它們的class名稱。不同的方法有各自的優(yōu)缺點，而我們可以根據(jù)實際需要靈活運用。