在JS中添加CSS通常有兩種方法:動態(tài)地使用style屬性,或者使用新建一個style元素并添加到文檔中。
第一種方法,可以通過修改元素的style屬性來添加樣式。例如:
var element = document.getElementById("myID"); element.style.color = "red"; element.style.fontSize = "24px";
通過這種方法,可以直接在JS中設置元素的各個樣式屬性,但是不適合于添加復雜的CSS樣式。
第二種方法,可以新建一個style元素并添加到文檔中。例如:
var styleElem = document.createElement("style"); styleElem.type = "text/css"; var css = "#myID { color: red; font-size: 24px; }"; styleElem.appendChild(document.createTextNode(css)); document.head.appendChild(styleElem);
通過這種方法,可以將CSS樣式以字符串的形式添加到新建的style元素中,再通過appendChild方法將其添加到文檔的head元素中。這種方法可以添加復雜的CSS樣式。
需要注意的是,以上兩種方法都是在JS中添加CSS樣式,因此如果需要在HTML或CSS中定義樣式,應該使用外部樣式表或內部樣式表。