以下為自我紀錄的筆記，只記錄自己比較不熟的觀念。

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