JavaScript 是一门运行在浏览器上的脚本语言, 能够操作 dom 元素的属性, 样式, 下面我们来学习下如何使用 JS 移除元素的 CSS 样式.
dom 元素应用 CSS 有两种方式:
● 通过 class 类名和 id 名应用样式
● 通过指定 style 属性应用样式
我们可以针对以上两种方式写移除 CSS 样式的方法
(相关课程推荐: JS 视频教程 https://www.html.cn/js/video/ )
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()
- })
来源: http://www.css88.com/qa/javascript/15302.html