DOM

• 文档对象模型-document object model
• 通过这些dom接口可以改变网页的内容、结构和样式
• 一个页面就是一个文档，DOM中使用document表示
• 节点：网页中的所有内容，在文档树中都是节点，使用node（节点）表示
• 标签节点：网页中所有标签，称为元素节点，使用element表示
• DOM把以上这些内容都看作是对象

获取元素

• 文档从上往下加载，我们需要先有标签，然后才能获取标签
• document.getElementById（参数）返回一个元素对象
• console.dir打印我们返回的元素对象 更好的查看里面的方法和属性
• document.getElementByTagName以伪数组形式存储。如果没有这个元素，返回的是空的伪数组形式
• element.getElementByTagName父元素必须是指定的单个元素
• 注意：因为是伪数组，所以需要遍历才能使用
• querySelector返回指定选择器的第一个元素对象
• querySelectorAll返回指定选择器的所有元素对象集合[]
• document.getElementByClassName根据类名返回元素对象集合
• 注意：选择器要加符号 #box .nav

获取特殊元素

• 获取body元素 document.body
• 获取html元素 document.documentElement

执行事件的步骤

1. 获取事件源
2. 绑定事件 注册事件 div.onclick
3. 添加事件处理程序