在網頁的開發過程中，我們常常需要通過 JavaScript 來更改 HTML 元素的樣式。而要修改元素的樣式，就需要了解如何使用 JavaScript 來操作元素的 CSS 屬性。本文將介紹如何使用 JavaScript 來修改元素的 CSS 屬性中的類。

// 獲取要更改樣式的元素
let element = document.getElementById('example');
// 移除原有的類
element.classList.remove('old-class');
// 添加新的類
element.classList.add('new-class');
// 切換類
element.classList.toggle('toggle-class');

如上所示，我們可以通過 classList 屬性來修改元素的類。該屬性是一個 DOMTokenList 對象，可用于添加、移除、切換類。

其中，remove() 方法可用于移除指定的類，add() 方法可用于添加新的類，toggle() 方法可用于切換指定的類。如果元素中已經存在指定的類，則使用 add() 方法將不會有任何效果。

需要注意的是，修改類的 CSS 屬性并不僅僅局限于添加、移除和切換類這幾種方法。我們還可以使用 className 屬性來直接更改元素的類名，如下所示：

// 獲取要更改樣式的元素
let element = document.getElementById('example');
// 直接更改類名
element.className = 'new-class';

以上代碼中，我們使用 className 屬性直接將元素的類名修改為了 new-class。這種方法與使用 classList 屬性的 add() 和 remove() 方法略有不同，它會完全替換元素的類而不是添加或移除指定的類。

總之，通過這些方式，我們可以方便快捷地修改元素的類的 CSS 屬性。接下來，您就可以在自己的網頁開發中靈活運用這些技巧，為用戶提供更加良好的視覺體驗。