JavaScript给元素添加class属性

注意：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')可以正常执行

JavaScript给元素添加class属性相关推荐

【Infragistics教程】在javascript类中添加静态成员属性
2019独角兽企业重金招聘Python工程师标准>>> [下载Infragistics Ultimate最新版本] 在一个javascript类中创建一个属性的需求,它需要被所有对象 ...
html怎么添加class属性值,原生JS给元素添加class属性(转QiaoZhi)
有下面这三种简单语句. document.getElementsByTagName('body')[0].className = 'snow-container'; //设置为新的 document. ...
react 动态添加组件属性_这么高质量React面试题（含答案），看到就是赚到了！...
前言本文篇幅较长,全是干货,建议亲们可以先收藏慢慢看哦写文不易,欢迎大家一起交流,喜欢文章记得关注我点个赞哟,感谢支持! Q1 :什么是虚拟DOM? 难度::star: 虚拟DOM(VDOM)它是 ...
js 给元素添加自定义属性
给元素添加自定义属性 obj.setAttribute('attr_name','attr_value'); //例如obj.setAttribute('class','snow-container' ...
php 元素添加子元素,css,html_怎么在添加的子元素上继承父元素上已存在的子元素的属性？，css,html,javascript - phpStudy...
怎么在添加的子元素上继承父元素上已存在的子元素的属性? 请问如何使添加后的子元素(tr)也能在鼠标经过前后继续保留其存在的子元素上的属性? dom的基础应用 window.οnlοad=functio ...
JavaScript实现动态添加的元素添加点击事件
在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可.动态添加的元素怎么绑定事件呢? 原生JavaScript ...
【JavaScript 教程】第六章数组18—push() ：将一个或多个元素添加到数组的末尾...
来源 | https://www.javascripttutorial.net/ 翻译 | 杨小爱在今天的教程中,我们将学习如何使用 JavaScript Array push()方法将一个或多个元 ...
如何在JavaScript中为元素添加类名？
Adding class names using JavaScript can be often used to give certain functionalities to your web ap ...
js动态给元素添加属性
最终效果: 具体代码: <!DOCTYPE html> <html lang="zh"> <head><meta charset=&qu ...

JavaScript给元素添加class属性

JavaScript给元素添加class属性相关推荐

最新文章

热门文章