JavaScript是一種廣泛應用于網頁開發的腳本語言，它可以輕松地操縱HTML和CSS。

在HTML中，class非常常見，它們允許您將相似的元素分組在一起，并為它們設置樣式。通過JavaScript，您可以輕松地操縱這些class，從而實現動態更新網頁的效果。

//獲取元素
var myElement = document.querySelector('.my-class');
//添加class
myElement.classList.add('new-class');
//刪除class
myElement.classList.remove('my-class');
//檢查元素是否包含指定class
if (myElement.classList.contains('my-class')) {
console.log('該元素包含指定class');
}

如果您想同時添加/刪除多個class，它們可以作為參數列表傳遞給add()和remove()方法。例如，如果您的HTML下方有一個按鈕，當用戶單擊它時，它將為整個頁面添加一個新的樣式類，您可以使用以下代碼：

//獲取頁面元素
var myBody = document.querySelector('body');
//為body添加新的class
function addNewClass() {
myBody.classList.add('new-page-style');
}
//添加點擊事件監聽器
document.querySelector('button').addEventListener('click', addNewClass);

另外，元素的classList屬性還提供了一個toggle()方法。如果元素已經包含指定的class，則它將被刪除；否則，它將被添加。例如：

//獲取元素
var myElement = document.querySelector('.toggle-class');
//添加點擊事件監聽器
myElement.addEventListener('click', function () {
//切換class
myElement.classList.toggle('new-class');
});

最后，如果您想查找包含特定類的所有元素，您可以使用querySelectAll()方法并將類選擇器作為參數傳遞：

//獲取所有class為my-class的元素
var myElements = document.querySelectorAll('.my-class');
//在每個元素中循環
for (var i = 0; i< myElements.length; i++) {
//在控制臺中輸出元素
console.log(myElements[i]);
}

總結來說，JavaScript對class的操作非常簡單。通過classList屬性，您可以使用add(), remove(), contains()和toggle()方法來添加、刪除、檢查和切換class。同時，querySelectorAll()方法也允許您輕松地查找和操作所有帶有指定類的元素。