JS可以通過(guò)操作CSS實(shí)現(xiàn)動(dòng)態(tài)樣式的變換,因此掌握J(rèn)S賦值CSS的方法是非常重要的。以下是一些常見的JS賦值CSS的方法:
// 修改元素樣式的屬性值 document.getElementById("example").style.color = "red"; // 添加新樣式 var newStyle = document.createElement("style"); newStyle.innerHTML = "#example2 { color: blue; }"; document.head.appendChild(newStyle); // 移除某個(gè)樣式 document.styleSheets[0].deleteRule(0); // 操作元素的class屬性 document.getElementById("example3").classList.add("newClass"); document.getElementById("example3").classList.remove("oldClass");
需要注意的是,通過(guò)JS賦值CSS時(shí),需要了解對(duì)應(yīng)的CSS屬性和屬性值的寫法。并且,賦值后需要確保樣式被正確應(yīng)用于HTML元素上,可以通過(guò)控制臺(tái)或?yàn)g覽器開發(fā)者工具進(jìn)行檢查。