JavaScript是眾多開發(fā)者必備的編程語言之一。除了可以增強用戶交互性、實現(xiàn)動態(tài)效果等，它也可以操作CSS樣式。今天我們來了解一下如何使用JavaScript來增加或移除CSS樣式。

// 選取元素
const element = document.querySelector('...');
// 增加樣式
element.classList.add('class-name');
// 移除樣式
element.classList.remove('class-name');

我們首先通過document.querySelector方法選取需要操作的HTML元素，然后我們可以使用element.classList.add方法來增加CSS類名，也可以使用element.classList.remove方法來移除CSS類名。

除此之外，更多關(guān)于JavaScript操作CSS樣式的方法還有element.style.property，其中property是需要修改的屬性名，通過這種方法也可以增加或更改CSS樣式。

// 選取元素
const element = document.querySelector('...');
// 增加樣式
element.style.backgroundColor = 'red';
// 移除樣式
element.style.removeProperty('background-color');

以上介紹的是使用JavaScript增加或移除CSS樣式的兩種方法。可以讓我們在編寫復(fù)雜細節(jié)的網(wǎng)頁時更加得心應(yīng)手。