在前端開發中,常常會使用JavaScript來操作頁面元素的樣式。有時候,我們需要刪除某個元素的某個CSS屬性,這時候就需要使用JavaScript的setAttribute()函數了。
// 假設我們有一個class為box的元素,帶有一個樣式屬性為background-color var box = document.querySelector('.box'); // 通過setAttribute()函數可以給元素添加或者修改樣式屬性 box.setAttribute('style', 'background-color: red;'); // 如果需要刪除這個樣式屬性,可以將屬性的值設置為空字符串 box.setAttribute('style', ''); // 或者可以直接使用removeAttribute()函數來刪除這個屬性 box.removeAttribute('style');
需要注意的是,通過這種方式刪除樣式屬性只會刪除行內樣式,而對于嵌入式樣式或外部樣式表中的樣式則不起作用。
另外還有一種方式可以刪除行內樣式,就是通過JavaScript完全重寫元素的所有樣式屬性:
box.style = '';
這種方式會把所有行內樣式屬性都刪除,但如果元素設置了嵌入式或外部樣式,則這些樣式屬性會保留。
上一篇HTML5設置為壁紙