DOM API 获取元素的方法

---

DOM在MDN里的描述：

文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。

D（document）O（object）M（model）
本文便总结一下常见的 DOM API获取元素的方法。

---

| API | 描述 | 注意 |
| ------------ |:-----------:|
| document.getElementById | 根据元素id查找元素|返回一个与那个有着给定id值的元素节点对应的对象|
| document.getElementsByName | 根据name查找元素 | 返回带有指定名称的对象的集合 |
| document.getElementsByTagName | 根据指定元素名查找元素 |1. 返回一个数组
2. 通配符*必须放在引号里 |
| document.getElementsClassName | 根据元素类名查找元素 | 1. 返回具有相同类名的元素数组
2. ie8以下不支持|
|document.querySelector | 根据指定的选择器查找元素 | 1. 返回文档中匹配指定的选择器组的第一个元素
2. 如果没有找到匹配元素，则返回 null，如果找到多个匹配元素，则返回第一个匹配到的元素。
3. 如果指定的选择器不合法，则抛出 SYNTAX_ERR 异常。
4. 传递给 querySelector 的字符串参数必须符合 CSS 语法。|
| document.querySelectorAll | 根据指定选择器查找元素列表 | 返回与指定的选择器组匹配的文档中的元素列表，返回的对象是NodeList（在这里是个伪数组）|

---

后话

• JavaScript区分大小写，所以上面的方法名大小写不能写错，否则得不到正确的结果
• 最后两个API是HTML5中的