JS中可以通過寫內(nèi)置CSS樣式,為HTML元素添加特定的樣式。以下是實現(xiàn)內(nèi)置CSS樣式的方法:
//獲取HTML元素 let elem = document.getElementById("test-id"); //修改元素樣式 elem.style.color = "red"; elem.style.backgroundColor = "black"; elem.style.fontSize = "20px";
以上代碼演示了如何通過`document.getElementById()`獲取HTML元素,并使用`elem.style`修改元素樣式。其中,`style`屬性用于讀取和設(shè)置元素樣式。我們可以通過設(shè)置`style`屬性中的屬性名和屬性值,來為元素添加不同的樣式。
在樣式中,屬性名應(yīng)該使用駝峰式命名法。在JS中,屬性名需要使用駝峰式命名法進(jìn)行書寫,例如:
elem.style.backgroundColor = "black";
在CSS中,同樣的屬性名應(yīng)該使用連字符分隔,例如:
background-color: black;
此外,我們也可以通過`classList`為元素添加/移除類名。例如:
//為元素添加類名 elem.classList.add("active"); //為元素移除類名 elem.classList.remove("active");
以上代碼演示了如何通過`classList`為元素添加/移除類名。我們可以通過`classList.add()`為元素添加類名,通過`classList.remove()`為元素移除類名。
總之,JS中可以通過寫內(nèi)置CSS樣式,為HTML元素添加特定的樣式。通過`elem.style`和`classList`等屬性,可以方便地修改元素的樣式,實現(xiàn)特定的頁面效果。