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() })
© 著作权归作者所有
举报
发表评论
0/200