色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

js動態(tài)css樣式表

黃文隆2年前11瀏覽0評論

在網(wǎng)頁開發(fā)中,CSS樣式表是不可或缺的一部分,它可以控制網(wǎng)頁的布局、顏色、字體等樣式。而JavaScript可以通過動態(tài)控制CSS樣式表來實現(xiàn)一些特殊的效果。下面介紹一些常見的動態(tài)CSS樣式表的應用。

//添加樣式表
var link = document.createElement("link");
link.rel = "stylesheet";
link.type = "text/css";
link.href = "style.css";
document.head.appendChild(link);
//修改樣式
var style = document.styleSheets[0];
for (var i = 0; i< style.cssRules.length; i++) {
var rule = style.cssRules[i];
if (rule.selectorText === ".box") {
rule.style.backgroundColor = "red";
rule.style.width = "100px";
rule.style.height = "100px";
}
}

以上代碼會添加一個外部樣式表,并且修改所有選擇器為".box"的樣式。可以看到,通過JavaScript控制CSS樣式表,可以實現(xiàn)動態(tài)調(diào)整樣式的效果,如實現(xiàn)用戶自定義主題、實現(xiàn)動態(tài)布局等。