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答疑栏目进行学习!