| 选择class为box的元素 | document.getElementsByClassName("box")[0]; |
| 子选择器 选择所有的子元素 | children var aChild = box.children; |
| 父选择器 选择一个父元素 | oparent var oparent = box.parentNode; |
| 选择第一个子元素 | firstElementChild box.firstElementChild; |
| 选择最后一个子元素 lastElementChild | box.lastElementChild |
| 选择上一个兄弟元素 previousElementSibling | box.previousElementSibling |
| 选择下一个兄弟元素 nextElementSibling | box.nextElementSibling |
| 选择所有的子节点 | box.childNodes |
| 选择最后一个子节点节点 | box.lastChild |
| 选择第一个子节点 | box.firstChild |
| 选择上一个兄弟节点 | box.previousElementSibling |
| 选择下一个兄弟节点 | box.nextSibling |
| 获取id来获取标签 | document.getElementById("id") |
| 通过标签类型来获取节点 | document.getElementsByTagName("li" ) |
| 类名获取DOM | document.getElementByClassName("wai") |
| 匹配的选择器（返回被选中的第一个元素） | querySelectorAll("#demo") |
| 匹配的选择器（返回被选中的全部元素） | document.querySelector("#demo") |
