javascript如何删除class

文章2023-03-0296 人已阅来源：网络

javascript删除class的方法：【var btn=document.querySelector(".btn1");btn.onclick=function(){ this.classList.remove("btn2")}】。

javascript如何删除class

本文操作环境：windows10系统、javascript 1.8.5、thinkpad t480电脑。

javascript添加class的方法：

obj.classList.add("active");

javascript删除class的方法：

obj.classList.remove("active");

示例：

<button class="btn1 btn2">点击</button>
        <script>
            var btn=document.querySelector(".btn1");
            btn.onclick=function(){
                this.classList.remove("btn2")
            }
</script>

以上就是javascript如何删除class的详细内容！

相关内容

  • javascript怎么增加class

    javascript增加class的方法：1、创建一个p元素；2、通过“<script>document.getelementbyid("aa"...

    javascript怎么增加class
  • 5个有用的css函数（分享）

    CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...

    5个有用的css函数（分享）
  • 详解CSS3+SVG滤镜实现不规则边框的方法

    本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...

    详解CSS3+SVG滤镜实现不规则边框的方法
  • css id与class的区别是什么

    区别：1、id选择符的前缀符号为“#”，class选择符的前缀符号为“.”。2、id在页面中只能出现一次，class在页面中可以多次调用。3、id是先确定页面的结构和内容，再为...

    css id与class的区别是什么
  • css中id选择器和class选择器有何不同

    之前的文章《什么是CSS语法？详细介绍使用方法及规则》中带了解CSS语法使用方法及规则。下面本篇文章来带大家了解一下CSS中的id选择器与class选择器，介绍一下它们的区别，...

    css中id选择器和class选择器有何不同
  • 使用JS或CSS如何实现瀑布流布局，几种方案介绍

    本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...

    使用JS或CSS如何实现瀑布流布局，几种方案介绍
  • 让人眼前一亮的五个前端小技巧

    为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...

    让人眼前一亮的五个前端小技巧
  • 如何实现炫酷的数字大屏

    依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...

    如何实现炫酷的数字大屏
  • CSS+JS实现爱心点赞按钮（代码示例）

    本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...

    CSS+JS实现爱心点赞按钮（代码示例）
  • css怎么调用class

    在css中，可以利用“.class”选择器来调用class，该选择器用于选取带有指定class属性的元素，语法为“.class属性值{css样式代码;}”。本教程操作环境：wi...

    css怎么调用class
浏览更多有关 的内容