JS Set CSS 簡介

JS Set CSS 是一個常用的功能，它們被使用于JavaScript和CSS之間的交互中。在JS中使用Set CSS可以動態地改變網頁的樣式，可以使用DOM操作和內置函數獲取/設置樣式，也可以使用classList屬性添加/刪除CSS類。
下面介紹一些常用的JavaScript Set CSS的方法：
1. getElementById 獲取元素對象，使用下標獲取style屬性。
例如：
document.getElementById("myDIV").style.backgroundColor = "red";
2. getElementsByTagName 獲取元素列表，循環設置每個元素的style屬性。
例如：
var x = document.getElementsByTagName("p");
for (var i = 0; i< x.length; i++) {
x[i].style.backgroundColor = "red";
}
3. DOM樣式修改，在DOM中獲取css屬性和修改css屬性的一些方法。
例如：
//獲取元素樣式
element.style.property
window.getComputedStyle(element[, pseudoElt]).property
//修改元素樣式
element.style.property = "value"
element.style.cssText = "property1: value1; property2: value2;"
你也可以通過classList屬性進行CSS類的更改
例如：
// 添加CSS類
myElement.classList.add('my-class');
// 刪除CSS類
myElement.classList.remove('my-class');