在 HTML 中，CSS 可以用在<style>標(biāo)簽中或者寫在外部的樣式表中，然后通過鏈接到 HTML 頁面來使用它。但是，在 JavaScript 中也可以寫 CSS 樣式。

在 JavaScript 中寫 CSS 可以給與頁面交互事件時動態(tài)地改變頁面的樣式，或者創(chuàng)建動態(tài)性的 UI 元素。

有兩種方式可以通過 JavaScript 來添加 CSS：

第一種是使用elem.style.property = value的方法，其中elem是通過document.getElementById()方法所獲取的指定的 HTML 元素，property是 CSS 樣式的屬性，例如backgroundColor，value是對應(yīng)屬性的值。

<script>
const elem = document.getElementById('myElem');
elem.style.backgroundColor = 'red'; 
</script>

第二種方式是使用更靈活的elem.setAttribute('style', 'property: value')方法，其中elem表示 HTML 元素的引用，property表示 CSS 屬性，value表示 CSS 屬性值。

<script>
const elem = document.getElementById('myElem');
elem.setAttribute('style', 'background-color: red');
</script>

由此可見，用 JavaScript 動態(tài)寫 CSS 樣式非常方便。