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


相关推荐

发表回复

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

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