在前端開發(fā)中，我們常常需要使用JavaScript去控制網(wǎng)頁上的元素，其中就包含了給元素使用CSS的情景。在JS中，我們使用document對象的方法可以輕松地操作DOM元素，然后使用element.style屬性來設(shè)置元素的樣式。

// 獲取元素
var ele = document.getElementById('myElement');
// 設(shè)置樣式
ele.style.color = 'red';
ele.style.fontSize = '24px';
ele.style.backgroundColor = '#ccc';

使用element.style屬性的優(yōu)點(diǎn)是它的操作非常方便快捷，但缺點(diǎn)也很明顯，它只能設(shè)置內(nèi)聯(lián)樣式，而不是外部樣式表。在很多情況下，我們并不希望使用內(nèi)聯(lián)樣式，需要把樣式寫在外部樣式表中，以便于管理和維護(hù)。

那么，如何在JS中使用外部樣式表呢？這時候，我們可以使用element.className屬性來操作CSS類，它可以讓我們添加、刪除或切換一個或多個CSS類，從而改變元素的外觀。

// 添加CSS類
ele.className += ' my-class';
// 刪除CSS類
ele.className = ele.className.replace('my-class', '');
// 切換CSS類
if (ele.classList.contains('my-class')) {
ele.classList.remove('my-class');
} else {
ele.classList.add('my-class');
}

總而言之，在JS中操作CSS樣式有多種方法，需要根據(jù)實(shí)際情況選擇。使用element.style屬性可以快速地設(shè)置內(nèi)聯(lián)樣式，而使用element.className屬性則可以操作外部樣式表。在實(shí)際使用中，可以靈活地選擇方法，以便更好地控制網(wǎng)頁元素的外觀。