D14 第七周 前端基础 JavaScript

这礼拜的课程进度是

• 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