前端笔记 classList 和 className,addClass 不同用法

ClassList 是 JavaScript 中一个用于操作元素类名的东西，这个东西有很多好用的方法，可以让我们轻松地添加、删除、切换和检查元素的类名。

classList属性的值为DOMTokenList对象是一组空格分隔的标记，与Array一样具有length属性，且索引从0开始，但无法使用Array对象的方法。

ClassList属性有以下几种方法:

通过ClassList可以获取元素的全部类名;
通过ClassList.remove()可以删除元素的一个或多个类名;
通过ClassList.add()可以向元素添加一个或多个类名;
通过ClassList.lentgh可以获取到元素类名的数量;
通过ClassList.item(x)可以获取到元素类名索引为x的类名;
通过ClassList.toggle可以为元素切换类;
通过ClassList.contains(x)查看元素是否存在类名为"x"的类;

ClassName

javascript通过className获取文件元素在 JavaScript 内建的核心中，document 物件及 Element 物件总共可以透过三个方式来获取其下的元素，分别是: [3]

getElementById('id')

getElementsByName('name')

getElementsByTagName('tag')

这些方法就跟它们的名字一样，分别是依照 id, name, tag 来获取元素

addClass

addClass是jQuery的方法，addClass() 方法向被选元素添加一个或多个类名。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

---

语法

$(selector).addClass(classname,function(index,oldclass))