在前端開發中，我們常常需要使用JS動態控制頁面的樣式。這時候，就需要用到JS來加CSS了。
//獲取要操作的元素
var box = document.getElementById("box");
//修改元素的CSS樣式
box.style.width = "100px";
box.style.height = "100px";
box.style.background-color = "blue";上面的代碼演示了如何使用JS動態修改元素的CSS樣式。首先，我們需要通過document.getElementById()獲取到要操作的元素。然后，通過元素的style屬性來修改CSS樣式。
值得注意的是，在JS中，CSS樣式屬性的名稱要使用駝峰命名法，比如將background-color寫成backgroundColor。
//獲取要操作的元素
var boxs = document.querySelectorAll(".box");
//遍歷所有符合條件的元素，并修改它們的CSS樣式
for(var i=0; i還有一種常見的情況是，我們需要同時修改多個元素的CSS樣式。這時候，我們可以使用document.querySelectorAll()來獲取所有符合條件的元素，并遍歷它們并修改CSS樣式。上面的代碼就演示了這樣的操作。
總之，通過JS加CSS，我們可以動態控制頁面的樣式，從而使頁面展現更好的交互效果和用戶體驗。
上一篇html5視頻滿屏設置