既然網頁是由HTML、CSS和JavaScript三大技術語言組成的,那么有時我們就需要在JavaScript中操作CSS。
要想刪除行內樣式,我們可以使用JavaScript的style屬性。通過這個屬性,我們可以獲取和設置HTML元素的行內樣式。
比如我們有一個div元素:
<div id="myDiv" style="background-color:red; font-size:20px;"> 這是一個紅色背景的div元素,字號是20px。 </div>
我們可以用 JavaScript代碼刪除其中的某個樣式。比如要刪除背景顏色的樣式,可以使用以下JavaScript代碼:
let myDiv = document.getElementById("myDiv"); myDiv.style.backgroundColor = "";
這是對style屬性的直接操作,將backgroundColor屬性設為“”(空字符),實現了背景顏色樣式的刪除。
當然,如果需要刪除多個樣式,可以使用removeProperty()方法。這個方法會把指定的樣式從style屬性中刪除,比如下面的代碼會同時刪除字號和背景顏色的樣式:
myDiv.style.removeProperty("font-size"); myDiv.style.removeProperty("background-color");
這樣,我們就可以通過JavaScript輕松地刪除網頁中的行內樣式了。
上一篇html5設置位置 大小
下一篇js判斷執行css動畫