HTML是一種用于創建網頁的標記語言。在HTML中，class是一種用于定義元素樣式的屬性。通常情況下，class屬性是在HTML文檔中靜態地設置的，而動態設置class需要使用JavaScript。

動態設置class可以使得網頁具有更好的交互性。例如，在用戶單擊某個元素時，可以通過動態設置class來改變該元素的樣式。這可以通過以下方式實現：

var element = document.getElementById('example');
element.classList.add('active');

在這個例子中，首先使用getElementById方法獲取名為“example”的元素。然后使用classList對象的add方法將active類添加到該元素。這樣做會導致元素的樣式發生變化。

除了add方法，classList對象還提供了remove方法、item方法和toggle方法。remove方法用于從元素的class列表中刪除指定的類。item方法用于獲取指定位置的類名。toggle方法用于在類列表中切換指定的類。

動態設置class可以使得網頁具有更高的靈活性。通過使用JavaScript，可以根據用戶的行為來自動調整元素的樣式，從而提供更好的用戶體驗。