JavaScript 是一種常用的前端編程語言，除了控制數據和邏輯，還可以通過調用 CSS 元素來控制網頁的樣式。如下是一些常見的調用 CSS 元素的方法。
改變元素樣式
通過 JavaScript，可以改變某個元素的 CSS 樣式。最常用的方法是使用style屬性。例如，要將一個段落的背景顏色改為紅色，可以使用下面的代碼：

<script type="text/javascript">
document.getElementById("myParagraph").style.backgroundColor = "red";
</script>

在上面的代碼中，document.getElementById("myParagraph")取得名稱為 "myParagraph" 的元素，并使用style屬性將其背景顏色設置為紅色。這里的getElementById()方法是通過文檔對象模型（DOM）找到一個元素的最簡單方法。然后，可以使用元素的style屬性來修改它的樣式。更改的屬性名和屬性值可以寫成 JavaScript 中的字符串形式。
改變元素類
除了直接改變元素的樣式，還可以更改它的類。將類與元素聯系起來，可以使用className屬性。例如，要將一個段落元素的類更改為 "myClass"，可以使用下面的代碼：

<script type="text/javascript">
document.getElementById("myParagraph").className = "myClass";
</script>

在上面的代碼中，className屬性將元素的類更改為 "myClass"。這意味著在 CSS 中與 "myClass" 類相關聯的樣式將應用于該元素。這種方法特別適用于更改多個元素的樣式。
獲取和設置樣式屬性
通過 JavaScript，也可以獲取和設置元素的特定 CSS 屬性。可以使用getComputedStyle()方法來獲取元素的屬性。例如，要獲取段落元素的背景顏色，可以使用下面的代碼：

<script type="text/javascript">
var myParagraph = document.getElementById("myParagraph");
var myBGColor = window.getComputedStyle(myParagraph, null).backgroundColor;
</script>

在上面的代碼中，getComputedStyle()方法獲取元素的樣式對象。getComputedStyle()方法將兩個參數：要獲取的元素和可選的偽類。此處的上四色是用作偽類的另一個方式是將第二個參數設置為 null，因為我們只是想獲取元素的實際樣式。然后，可以使用樣式對象的屬性來獲取特定屬性。
類似地，可以使用style屬性來設置元素的屬性。例如，要將段落元素的背景顏色設置為藍色，可以使用下面的代碼：

<script type="text/javascript">
document.getElementById("myParagraph").style.backgroundColor = "blue";
</script>

在上面的代碼中，style.backgroundColor屬性被設置為 "blue"。