JavaScript (JS) 的重要性愈加明顯，逐漸成為前端開(kāi)發(fā)的必備技能。其中涉及到的如何調(diào)用 CSS 樣式也是前端工程師們必須要掌握的技能之一。

簡(jiǎn)單地說(shuō)，JS 可以通過(guò) JavaScript 方法將 CSS 樣式應(yīng)用于 HTML 元素。在 JS 中調(diào)用 CSS 樣式的方法有很多種，以下列舉幾種常用的方法。

// 通過(guò) JavaScript 方法調(diào)用 CSS 樣式
document.getElementById("p1").style.color = "red";

上面的代碼中，首先通過(guò)document.getElementById("p1")獲取 ID 為 "p1" 的 HTML 元素，然后通過(guò).style.color = "red"把元素的字體顏色設(shè)置為紅色。

// 在 JS 中調(diào)用 CSS 樣式表
document.querySelector("p").style.color = "blue";

上面的代碼中，首先通過(guò)document.querySelector("p")獲取第一個(gè)<p>元素，然后通過(guò).style.color = "blue"把元素的字體顏色設(shè)置為藍(lán)色。

// 通過(guò) JS 添加 CSS 樣式
var para = document.createElement("p");
var node = document.createTextNode("這是一段新添加的文字。");
para.appendChild(node);
var element = document.getElementById("div1");
element.appendChild(para);
para.classList.add("my-class");

上面的代碼中，首先通過(guò)document.createElement("p")創(chuàng)建一個(gè)新的<p>元素，并通過(guò)document.createTextNode("這是一段新添加的文字。")給元素添加內(nèi)容。然后通過(guò)document.getElementById("div1")獲取 ID 為 "div1" 的 HTML 元素，并將新創(chuàng)建的元素添加到這個(gè)元素中，通過(guò)para.classList.add("my-class")給新添加的元素添加一個(gè)名為 "my-class" 的 CSS 類(lèi)。

以上就是通過(guò) JS 調(diào)用 CSS 樣式的一些方法。當(dāng)然，如果您想進(jìn)一步了解如何在 JS 中使用 CSS，那么我們建議您深入學(xué)習(xí) JavaScript 和 CSS 等前端技術(shù)，以更好地掌握這些方法和技巧。