JavaScript给元素添加class属性

JavaScript给元素添加class属性注意:element.classList.remove()、element.classList.add()—ie9及以下不兼容//移除div的class属性obj.classList.remove(‘active’);//添加class属性值//方式一obj.className+=’newactive’;//方式二//obj.className=…

大家好,又见面了,我是你们的朋友全栈君。

注意:element.classList.remove()、element.classList.add() — ie9及以下不兼容

// 移除div的class属性
obj.classList.remove('active');
      
// 添加class属性值
// 方式一
obj.className += 'new active';

// 方式二
// obj.className = 'new active';

// 方式三:属性值不能有空格,例如'new active'
// obj.classList.add('newActive');

1、执行obj.classList.remove('active');移除原先的class属性
在这里插入图片描述
2、添加新的class属性
在这里插入图片描述
3、有空格的情况下执行obj.classList.add('new active');会报错
在这里插入图片描述
改成obj.classList.add('newActive')可以正常执行
在这里插入图片描述
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/152112.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • hibernate与mybatis的区别比较_mybatis中

    hibernate与mybatis的区别比较_mybatis中为方便以后准备面试,把一些常用的技术整理出来,会不定期更新。首先简单介绍下两者的概念:Hibernate :Hibernate 是当前最流行的ORM框架,对数据库结构提供了较为完整的封装。Mybatis:Mybatis同样也是非常流行的ORM框架,主要着力点在于POJO 与SQL之间的映射关系。下面具体从几个方面说一下两者的区别:1.两者最大的区

    2025年10月20日
    3
  • 浏览器被hao.360.cn劫持怎么办

    浏览器被hao.360.cn劫持怎么办特么的现在互联网太没节操了,一大早发现我的浏览器被hao.360.cn劫持了,弄了好久都没弄好,后来一想可能是因为qvod的原因,这可是哥当年看片的神器啊……废话不说:1,进入:C:\ProgramData\QvodPlayer\QvodWebBase2,点开1.0.0.53(或者其它)文件夹3,直接删除里面的文件是删除不了的。更改QvodWebBase64.dll后缀名为QvodWebB…

    2022年7月14日
    18
  • API接口签名验证

    API接口签名验证

    2021年10月13日
    47
  • 如何查看centos版本信息_怎么查看ie浏览器的版本

    如何查看centos版本信息_怎么查看ie浏览器的版本详细讲解查看CentOS版本信息的命令。   (一)查看已经安装的CentOS版本信息   1.cat/etc/issue查看版本  cat 缩写concatenate cat命令可以用来显示、合并文件。  CentOSrelease6.6(Final)  CentOS发行版6.6    etc 初期etc的英文名…

    2022年4月19日
    59
  • React Native(四)——顶部以及底部导航栏实现方式

    React Native(四)——顶部以及底部导航栏实现方式

    2022年3月7日
    228
  • 头歌实训平台c语言答案_c语言实训报告实训内容

    头歌实训平台c语言答案_c语言实训报告实训内容目录C语言程序设计编辑与调试环境第1关打印输出HelloWorld第2关打印输出图形第3关求3个数的最大值第4关熟悉C语言调试过程顺序结构程序设计第1关加法运算第2关不使用第3个变量,实现两个数的对调第3关用宏定义常量第4关数字分离第5关计算总成绩和平均成绩第6关求三角形的面积第7关立体几何计算题第8关计算两个正整数的最大公约数选择结构程序设计第1关排序第2关选择结构-闰年判断第3关选择结构-分段函数问题第4关学生成绩等级换算

    2022年9月15日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号