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

})

js移除某个样式_js中如何移除css样式?相关推荐

  1. php html5 css样式,怎么在html页面写css样式表

    本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...

  2. 前端开发审查元素时CSS样式有个横线(该CSS样式定义后无效) 的解决办法

    问题概述 关于这个问题,博主是在前端开发,样式调试的时候遇到的, 进行盒模型,CSS Debugger调试时,遇到样式设值后不可用的情况! 如下图: 解决办法 左看右看,上看下看,最终发现是前面在编码 ...

  3. html刷新css样式,让IE浏览器即时刷新CSS样式_HTML与CSS教程_电脑知识学习_培训之家...

    让IE浏览器即时刷新CSS样式为http://www.pxzj8.com整理发布,类型为HTML与CSS教程,本站还有更多关于html与css教程,css教程,html网页设计教程,css视频教程,c ...

  4. JS代码实例:实现随机加载不同的CSS样式

    如果让网页浏览者每次打开页面都有新的感觉,可以通过替换css样式来处理.下面来介绍一下. 随机载入CSS样式的JS效果实际上很好实现,本文的代码如下,具体思路是用一个默认的CSS样式:default. ...

  5. 如何在php中加样式,vue如何给组件加css样式,php中加入css样式

    vue如何给组件加css样式哇如何给组件加钢性铸铁样式,某视频剪辑软件给组件加钢性铸铁样式的方法:首先在[.vue]文件中设置相关代码:然后新建[index.js]文件,并建立对应的[record.s ...

  6. html中样式表的三种形式,CSS样式表有几种存在方式

    外部样式:将网页链接到外部样式表. 内页样式:在网页上创建嵌入的样式表. 行内标签样式:应用内嵌样式到各个网页元素标签内. 每一种方法均有其优缺点: 当要在站点上所有或部份的网页上一致地应用相同样式时 ...

  7. 在html中样式表的三种类型,css样式有哪几种类型?

    CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种.下面本篇文章就来给大家介绍一下CSS样式的类型,希望对大家有所帮助. 内联式样式 内联式 ...

  8. html中font-family样式,详解中文字体在CSS样式中font-family对应的英文名称

    宋体:SimSun 黑体:SimHei 微软雅黑:Microsoft YaHei 微软正黑体:Microsoft JhengHei 新宋体:NSimSun 新细明体:PMingLiU 细明体:Ming ...

  9. html的css样式中表示后代选择器,css样式,后代选择器

    css介绍 CSS(层叠样式表)定义如何显示HTML元素,给HTML设置样式,让它更加美观. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). css语法(下图所示) 每个CS ...

最新文章

  1. 4 相机切换_新手必读 | iPhone手机的自带相机操作完全指南
  2. python复数_python复数比较
  3. 题目1008:最短路径问题
  4. 资源收集流程为SDN控制器
  5. FLASH STUDY LOG
  6. hihocoder1147 时空阵(bfs树+DP)
  7. html实现多窗口同时显示,如何使webstorm同时显示多个窗口?
  8. lambda表达式不使用委托(delegate) 用FUNC
  9. 百面机器学习——什么是决策树
  10. 55. 时间服务器 : NTP 服务器
  11. c++中的fork函数_fork函数的作用_fork函数创建进程
  12. 《TCP/IP详解卷一:协议》学习笔记
  13. 2020叉车司机考试及叉车司机模拟考试题库
  14. postgresql中sql查询语句报错处理——ERROR: failed to find conversion function from unknown to text
  15. 百鸡问题扩展-N鸡问题
  16. 【T+】去掉畅捷通T+左边那些不用的云应用
  17. ros python 控制手柄数据发布频率
  18. B站直播的自研P2P实践 | 助力S12英雄联盟总决赛
  19. 生态脆弱性评价的线上软件(在线计算)
  20. 前端开发需要学什么?

热门文章

  1. ffmpeg avcodec_encode_video2 函数报错
  2. 数据处理——One-Hot Encoding
  3. missing -D__STDC_CONSTANT_MACROS
  4. oracle忘记口令
  5. 青龙羊毛——新快手极速版(搬运,非原创)
  6. VPN之DSVPN的介绍
  7. 【Python项目】CMDB的搭建12(SaltStack配置小结2/2)
  8. yum下载包保存到本地
  9. php中mysql自增_MySQL的自增字段
  10. elasticsearch扩展ik分词器词库