首先选择DOM节点常用方法有：
| 方法 | 选择方式 | 返回类型 | 返回结果 |
|---|---|---|---|
| getElementById | 根据id名选择 | [object HTMLDivElement] | 一个拥有特定元素的ID |
| getElementsByClassName | 根据class名选择 | [object HTMLCollection] | 返回一个包含所有指定类名的元素的类数组对象 |
| getElementsByTagName | 根据标签名选择 | [object HTMLCollection] | 返回一个包括所有给定标签名称的元素的HTML集合 |
| querySelector | 传选择器 | [object HTMLDivElement] | 返回与指定的选择器组匹配的第一个元素 |
| querySelectorAll | 传选择器 | [object NodeList] | 返回与指定的选择器组匹配的所有元素 |
返回 [object HTMLDivElement] 结果的，可以在进行以下选择：
children (所有子元素 [object HTMLCollection])、
firstElementChild(父节点下的第一个子元素 [object HTMLDivElement] )、
lastElementChild(父节点下的最后一个子元素 [object HTMLDivElement] )
思考：HTMLCollection与NodeList区别
网友评论