這禮拜的課程進度是

• FE102
  • DOM
  • 事件處理
  • 頁面保存資料

介紹比較常使用到的 DOM 方法

• document.querySelector, document.querySelectorAll
  現在幾乎都是用這兩個方法去抓元素了，比較方便

• element.addEventListener("eventName", callback)
  幫抓到的元素掛事件監聽

• element.innerText, element.innerHTML
  取得元素內容

• element.classList
  元素的 class 相關操作

  • add() 新增 class
  • remove() 移除 class
  • toggle() 切換 class
  • contains() 判斷是否包含 class

• element.style.cssText
  元素的樣式，可以直接改它

• element.style.cssProperty
  比較偏物件的方式設定。例如：element.style.color = 'green';

• document.createElement
  建立元素

• document.appendChild, node.appendChild
  這個常常會跟 element.append 搞混，使用的時候要注意一下

上面的方法學完基本上想要做的事情應該都可以完成了
大部分學完上面的東西可以自己做一個 Todo List 練練手，可以幫助自己熟悉基本的 DOM 操作

事件處理部分明天再補完 OUO