原生的 JavaScript 可以很方便地添加和修改 CSS 屬性。
要添加 CSS 屬性,我們可以使用style
屬性。
var element = document.getElementById("myElement"); element.style.color = "red"; element.style.backgroundColor = "green"; element.style.fontSize = "30px";
上面的代碼將會把元素的字體顏色改成紅色,背景顏色改成綠色,字體大小改成 30 像素。
如果要添加來自 CSS 文件的屬性,則可以使用setAttribute
方法:
var element = document.getElementById("myElement"); element.setAttribute("class", "myClass");
上面的代碼將會給元素添加一個class
屬性,并且值為myClass
。
下一篇原生 js css