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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 第三章数据链路层_数据链路层链路管理包括

    第三章数据链路层_数据链路层链路管理包括冗余链路出现的背景由于公司对网络的可靠性的要求,大部分公司都会增加额外的交换机,防止在某台交换机出现故障时造成网络的无法使用的情况,例如形成如下图的拓扑的结构。假设W和X交换中的一台出现故

    2022年8月2日
    6
  • mysql数据库的字段数据类型有哪些_mysql数据类型详解

    mysql数据库的字段数据类型有哪些_mysql数据类型详解mysql数据类型有:1、数值类型;2、日期和时间类型;3、字符串类型是CHAR、VARCHAR、BINARY【二进制数据类型】、BLOB、TEXT【文本类型】、ENUM【枚举类型】和SET【数据集合】。mysql数据类型有:MySQL支持的数据类型在几类:数值类型,日期和时间类型和字符串(字符)类型。数据类型:注意:在定义字段是我们经常使用numint(10)unsigned这种写法…

    2022年9月2日
    6
  • plsqldev8.0下载和注册码

    plsqldev8.0下载和注册码[b]关键词:PL/SQL,下载,plsqldev,注册码,plsqldev711,汉化文件[/b]PL/SQLDeveloper是一种集成的开发环境,专门用于开发、测试、调试和优化OraclePL/SQL存储程序单元,比如触发器等。PL/SQLDeveloper功能十分全面,大大缩短了程序员的开发周期。[url]http://www.kutoku.info/software…

    2022年4月25日
    54
  • python resize函数怎么用_Python numpy.resize函数方法的使用

    numpy.resizenumpy.resize(a,new_shape)[source]返回具有指定形状的新数组。如果新数组大于原始数组,则新数组将填充a的重复副本。请注意,此行为与a.resize(new_shape)不同,后者用零而不是重复的a填充。参数:a:array_like要调整大小的数组。new_shape:int或int类型的tuple调整大小后的数组的…

    2022年4月7日
    400
  • 什么是“系统空闲进程”,为什么使用那么多的CPU?「建议收藏」

    HaveyoueveropenedupTaskManagerandnoticedtheSystemIdleProcessisusing90%ormoreofyourCPU?Contrarytowhatyoumightthink,that’snotabadthing.Here’swhatthatprocessactuallyd…

    2022年4月5日
    45
  • ModifyStyle函数的用法「建议收藏」

    ModifyStyle函数的用法「建议收藏」1.作用:Callthismemberfunctiontomodifyawindow’sstyle.2.函数原型:BOOLModifyStyle(  DWORD dwRemove,  DWORD dwAdd,  UINT   nFlags);3.参数含义:dwRemove指定要删除的扩展属性,dwAd

    2022年7月19日
    11

发表回复

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

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