JS30 笔记 Day05 Flex Panel Gallery

以下为自我纪录的笔记，只记录自己比较不熟的观念。

classList


DOM 每个节点都有一个 classList 物件，透过这个物件可以动态的在节点的 class 属性上操作，classList 内可以使用的方法包含：

add
新增class至classList

this.classList.add("addTestClass");

remove
移除classList上的class

this.classList.remove("panel1");

contains
检查classList上是否包含testAddList这个class

this.classList.add("testAddList");console.log(this.classList.contains("testAddList")); // true

toggle
当classList上没有open class 时，会新增 ; 反之已经存在的话则移除。

this.classList.toggle("open");

length
classList上有的class数量item
取classList上的第几个class

console.log(this.classList.item(0) === "panel"); // true