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