在javascript中，要獲取某一個元素的屬性，我們需要使用特定的方法。其中，獲得元素的classname是我們經常會用到的操作之一。在本文中，我們將詳細介紹如何使用javascript獲得元素的classname，并且通過實例來進一步加深理解。

首先，我們需要知道的是，獲取classname的方法是通過document對象的getElementsByClassName或者querySelectorAll方法來實現的。例如，如果我們要獲取所有class為"test"的元素：

var elems = document.getElementsByClassName("test");

在上面的代碼中，elems是一個NodeList對象，它包含了所有class為"test"的元素。這個對象可以通過length屬性來遍歷其中的元素：

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

上述代碼將遍歷所有的class為"test"的元素，并且在控制臺輸出它們的innerHTML屬性值。

另一種獲取classname的方法是使用querySelectorAll方法。這個方法可以接受類似CSS選擇器的參數，用于查找匹配的元素。例如：

var elems = document.querySelectorAll(".test");

上面的代碼與第一個例子的結果是一致的。使用querySelectorAll方法，我們可以通過更復雜的選擇器查詢class為"test"的元素，例如：

var elems = document.querySelectorAll(".test p");

上述代碼會查詢所有class為"test"的元素下的p元素。

需要注意的是，getElementsByClassName方法是繼承自HTMLElement對象的。因此，在一些舊的瀏覽器中，無法使用這個方法。此時，我們可以通過querySelectorAll來替代獲取classname的操作。例如：

var elems = document.querySelectorAll(".test");

最后，需要注意的是，className是一個字符串屬性。如果一個元素設置了多個class，返回的className值會包含這些class的名稱，以空格分隔。因此，我們通常需要對返回的字符串進行分割操作以獲取所有class值。例如：

var testElems = document.getElementsByClassName("test");
for(var i=0; i<testElems.length; i++){
var classes = testElems[i].className.split(" ");
for(var j=0; j<classes.length; j++){
console.log(classes[j]);
}
}

上述代碼將輸出所有class為"test"的元素中所包含的class名稱。

總結來說，通過javascript獲得元素的classname可以使用getElementsByClassName或querySelectorAll方法。獲取的返回值是一個NodeList對象，可以通過length屬性和for循環進行遍歷。要注意的是，className是一個字符串屬性，如果一個元素同時定義了多個class，則要進行分割操作以獲取所有class。