js中如何移除css样式?

JavaScript是一门运行在浏览器上的脚本语言,能够操作dom元素的属性、样式,下面我们来学习下如何使用js移除元素的css样式。

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()
})

更多JavaScript相关技术文章,请访问JavaScript答疑栏目进行学习!

以上就是js中如何移除css样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读