js移除某个样式_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答疑栏目进行学习！