通過 getElementById() 方法

通過此方法可以獲取具有特定 ID 的元素，然后使用其 style 屬性來修改 CSS 樣式。例如：

// 獲取具有 id="myElement" 的元素
const element = document.getElementById("myElement");

// 設(shè)置元素的背景色為紅色
element.style.backgroundColor = "red";

// 設(shè)置元素的字體大小為 20px
element.style.fontSize = "20px";

通過 getElementsByClassName() 方法

此方法獲取具有指定類名的所有元素，然后使用 forEach() 方法對其迭代并修改其樣式。例如：

// 獲取具有類名為 "myClass" 的所有元素
const elements = document.getElementsByClassName("myClass");

// 對每個元素設(shè)置背景色為藍(lán)色
elements.forEach((element) => {
  element.style.backgroundColor = "blue";
});

通過 querySelector() 方法

此方法可用于選擇符合特定 CSS 選擇器的第一個元素，然后修改其樣式。例如：

// 獲取具有類名為 "myClass" 的第一個元素
const element = document.querySelector(".myClass");

// 設(shè)置元素的文本顏色為白色
element.style.color = "white";

通過 querySelectorAll() 方法

此方法可用于選擇所有符合特定 CSS 選擇器的元素，然后使用 forEach() 方法對其迭代并修改其樣式。例如：

// 獲取所有具有類名為 "myClass" 的元素
const elements = document.querySelectorAll(".myClass");

// 對每個元素設(shè)置邊框為 1px 實(shí)線黑色
elements.forEach((element) => {
  element.style.border = "1px solid black";
});