JS Set CSS 簡(jiǎn)介

JS Set CSS 是一個(gè)常用的功能，它們被使用于JavaScript和CSS之間的交互中。在JS中使用Set CSS可以動(dòng)態(tài)地改變網(wǎng)頁的樣式，可以使用DOM操作和內(nèi)置函數(shù)獲取/設(shè)置樣式，也可以使用classList屬性添加/刪除CSS類。
下面介紹一些常用的JavaScript Set CSS的方法：
1. getElementById 獲取元素對(duì)象，使用下標(biāo)獲取style屬性。
例如：
document.getElementById("myDIV").style.backgroundColor = "red";
2. getElementsByTagName 獲取元素列表，循環(huán)設(shè)置每個(gè)元素的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屬性進(jìn)行CSS類的更改
例如：
// 添加CSS類
myElement.classList.add('my-class');
// 刪除CSS類
myElement.classList.remove('my-class');