className 与 classList 的区别 / setAttribute和add的区别

className 与 classList 的区别
1，所有浏览器都支持className属性
classList是HTML5新增，对IE浏览器并不友好，IE10+与其他主流浏览器支持此属性。
2，className属性返回值是一个字符串，内容就是HTML元素的class属性内容。
classList属性返回一个包含指定元素所有样式类的集合对象。
3，.className的返回值就是包含元素class属性值的字符串。
.classList返回值是DOMTokenList类型集合，通过此集合可以非常便利的操作元素class属性。
通过className操作class属性，本质是对字符串的操作，比如判断class是否具有样式类"b"。
那么需要自己写代码，将返回的字符串分解为各个样式类，然后再进行判断，相对比较麻烦。
如果利用classList属性，那么将是非常轻松愉快的事情，使用DOMTokenList集合的contains方法即可实现。
利用classList返回的集合对象，只需要一个contains方法即可。
集合还具有其他方法，分别如下：
（1）.add()：添加样式类。
（2）.item()：返回指定索引的样式类。
（3）.remove()：删除指定样式类。
（4）.toggle()：切换样式类

setAttribute和add的区别
setAttribute用于创建或改变某个新属性。
如果指定属性已经存在,则只设置该值并且会替换原来的值。
add方法是添加某个类，不会替换属性中的值，并且需要跟classList使用，因为它是classList的方法。

className 与 classList 的区别 / setAttribute和add的区别相关推荐

className和classList区别
js中className和classList区别 box.className = 'active'// add 添加box.classList.add('active')// remove 移除box ...
r语言和python-Python和R语言的区别_Python与R的区别和联系
Python和R语言的区别_Python与R的区别和联系可能问这个问题会很无脑,但是我还没有深入接触过Python,只是用过R语言.谁能帮我解答一下,这两者的主要区别呢?是否存在代替关系呢? 精彩解 ...
java中的异常种类和区别以及处理机制和区别
java中的异常种类和区别以及处理机制和区别按照异常需要处理的时机分为编译时异常(也叫强制性异常)也叫 CheckedException 和运行时异常(也叫非强制性异常)也叫 RuntimeExce ...
SparkMapReduce的区别、多线程多进程的区别
Spark&MapReduce的区别.多线程&多进程的区别 1.spark与hadoop区别: 2.Spark多线程运行, MR多进程运行 3.MR存在的问题: 4.线程和进程的区别: ...
现货跟期货有什么区别（现货和期货交易区别）
现货和期货的区别? 期货交易和现货交易的区别如下: 期货交易与现货交易有相同的地方,如都是一种交易方式.都是真正意义上的买卖.涉及商品所有权的转移等,不同的地方有以下几点: (1)买卖的直接对象不同. ...
YV12和I420的区别 yuv420和yuv420p的区别
YV12和I420的区别 YV12和I420的区别一般来说,直接采集到的视频数据是RGB24的格式,RGB24一帧的大小size＝width×heigth×3 Bit,RGB32的 ...
C#【中级篇】volatile关键字测试-在C#无区别，在Java有区别
文章目录问题来源: 测试代码1(测试有无volatile的区别,在C#里无区别): 测试代码2:(ChangeMaker不延时,ChangeListener跟不上变化) 测试代码3:(ChangeM ...
Element-ui和Element-Plus的区别_Element2和Element3的区别
Element-ui和Element-Plus的区别_Element2和Element3的区别一.定义区别 Element-UI对应Element2:基本不支持手机版 Element,一套为开发者. ...
计算机控制和dcs控制的区别,dcs与plc有什么区别?dcs和plc的区别
dcs与plc有什么区别?dcs和plc的区别在自动化领域,DCS和PLC是两个完全不同,又有些千丝万缕联系的概念,两者都是计算机技术和工业控制技术相结合的产物,我想从技术特点,发展方向等几个方面进 ...

className 与 classList 的区别 / setAttribute和add的区别

className 与 classList 的区别 / setAttribute和add的区别相关推荐

最新文章

热门文章