編碼的世界 / 優質文選 / 生涯

js中如何移除css樣式?


2022年7月30日
-   

js中如何移除css樣式?
dom元素應用css有兩種方式:
● 通過class類名和id名應用樣式
● 通過指定style屬性應用樣式
我們可以針對以上兩種方式寫移除css樣式的方法
(相關課程推薦:JS視頻教程)
1、使用removeAttribute方法移除class、id和style屬性let app = document.getElementById('app');
app.removeAttribute('class')
app.removeAttribute('id')
app.removeAttribute('style')
2、使用setAttribute方法將class、id和style屬性置空let app = document.getElementById('app');
app.setAttribute('class', '')
app.setAttribute('id', '')
app.setAttribute('style', '')
3、使用remove移除網頁中使用link標簽引入的css// es6
document.querySelectorAll('link[rel=stylesheet]').forEach(dom => dom.remove())
// es5
let links = document.querySelectorAll('link[rel=stylesheet]');
links.forEach(function (dom) {
dom.remove()
})

熱門文章