JavaScript是一種常用的編程語言，在網頁開發中有著重要的作用。其中，添加類名是常見的DOM操作。通過為HTML元素添加類名，我們可以改變樣式、實現動畫效果、響應用戶交互等等。

對于一個具有多個類名的元素，我們可以使用JavaScript來添加、刪除、替換、查詢等等。下面是一些常見的代碼示例。

//添加類名：
document.getElementById("myDiv").classList.add("newClass");
//刪除類名：
document.getElementById("myDiv").classList.remove("oldClass");
//替換類名：
document.getElementById("myDiv").classList.replace("oldClass", "newClass");
//查詢類名：
document.getElementById("myDiv").classList.contains("myClass"); //返回布爾值

我們也可以使用原始的className屬性來實現添加、刪除類名的功能。

//添加類名：
document.getElementById("myDiv").className += " newClass";
//刪除類名：
document.getElementById("myDiv").className = document.getElementById("myDiv").className.replace("oldClass", "");

但是需要注意，使用className屬性有一些弊端，例如需要手寫正則表達式、無法添加多個類名等等。因此，classList是更加常用的方法。

對于一組元素，我們可以使用循環來添加類名，如下所示。

var elems = document.getElementsByTagName("li");
for(var i = 0; i< elems.length; i++){
elems[i].classList.add("newClass");
}

除了classList，我們也可以使用getAttribute和setAttribute方法來添加、刪除類名，具體示例如下。

//添加類名：
document.getElementById("myDiv").setAttribute("class", "newClass");
//刪除類名：
document.getElementById("myDiv").removeAttribute("class");

總而言之，添加類名是JavaScript中常用的DOM操作之一。以上是一些常見的方法示例，希望能夠對大家有所幫助。