学习纲要：DOM

学习条件

了解 JS 的基础写法。

学习目标

1. 知道什么是DOM。
2. 知道如何选择元素。
3. 知道如何遍历元素。
4. 知道如何新建和复制元素。
5. 知道如何插入元素。插入元素会有四个位置：元素的前面和后面；元素的第一个子元素或最后一个子元素。
6. 知道如何删除元素。
7. 知道如何获取元素的属性。
8. 知道如何获取和设置元素的文本内容和HTML内容。知道文本内容和HTML内容的区别。
9. 知道如何获取和设置表单元素的值。
10. 知道如何获取和设置元素的宽高。
11. 知道如何获取和设置元素的样式。
12. 事件
13. 知道有哪些事件。
14. 知道如何给元素绑定事件。
15. 知道事件的冒泡和捕获机制。
16. 知道如何阻止冒泡。
17. 知道如何阻止元素的默认行为。
18. 会写事件的委托。

学习资源

• DOM 操作写法示例
• 《JavaScript 闯关记》之 DOM（上）
• 《JavaScript 闯关记》之 DOM（下）
• 事件
  • DOM 事件深入浅出（一）
  • DOM 事件深入浅出（二）

习题

1. 做一个待办事宜（TODO List）的页面。支持待办事宜的增删改查。具体功能，参见 这里。