在JS開發(fā)過程中，我們經常需要通過操作DOM來實現(xiàn)一些復雜的交互效果。其中，給標簽添加CSS樣式是一項十分基礎的操作。接下來，我們就來學習一下如何在JS中給標簽添加CSS樣式。 首先，我們需要獲取到要添加樣式的標簽。這可以通過document對象中的querySelector或getElementById等方法來實現(xiàn)。代碼如下：

let element = document.querySelector('.box');

以上代碼通過querySelector方法獲取了class名為box的標簽。 接下來，我們可以通過element.style屬性來修改標簽的CSS樣式。這里需要注意的是，在JS中設置的CSS樣式都是內聯(lián)樣式，可以直接作用于標簽。代碼如下：

element.style.width = '200px';
element.style.height = '200px';
element.style.backgroundColor = 'red';

以上代碼分別設置了寬度、高度和背景顏色樣式。 除了直接設置內聯(lián)樣式外，我們也可以通過classList屬性來動態(tài)修改標簽的class屬性，從而實現(xiàn)添加、刪除或切換CSS樣式的效果。例如，當鼠標懸停在標簽上時，我們可以為該標簽添加一個hover樣式。代碼如下：

element.addEventListener('mouseover', function() {
element.classList.add('hover');
})
element.addEventListener('mouseout', function() {
element.classList.remove('hover');
})

以上代碼通過addEventListener方法綁定了鼠標懸停和離開標簽時的事件，然后通過classList的add和remove方法來實現(xiàn)樣式的切換。 總結：在JS中給標簽添加CSS樣式可以通過element.style屬性和classList屬性來實現(xiàn)。其中，element.style屬性用于直接設置內聯(lián)樣式，而classList屬性用于動態(tài)修改標簽的class屬性實現(xiàn)樣式切換。掌握了這些基本操作，我們就可以在JS中自由操縱標簽的樣式了。