DOM选择器

含义	代码
选择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")