菜单 学习猿地 - LMONKEY

 js中如何移除css样式?

js中如何移除css样式?

Asuka_ profile image Asuka_ ・1 min read

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)