DOM

DOM全名叫Document Object Model,当网页被加载的时候，浏览器会创建页面的文档对象模型，而这HTML DOM的模型就被我们俗称DOM树。
JavaScript的三个重要组成有：ES，DOM，BOM这三个。核心DOM能够操作所有结构化文档，例如HTML和XML。
在网页中所有呆在内存中的都是以树形结构储存的，存储的上下级之间的关系有有着非常直观的架构。
节点的对象Node有三大属性，nodeType，nodeName，nodeValue，分别有着不同的作用。nodeType是专门区分节点的类型，9 document，1 element，2 attribute，3 text，当需要区分节点类型的时候使用。
正常对DOM的操作就是对DOM树进行的增删改查。在网页中有三个元素可以不需要找，能直接获得。的获得方式是document.documentElement，的获得方式是document.head，的获得方式是document.body。
节点和节点之间有着父子关系和兄弟关系，在夫子关系的节点之间用node.parentNode来获得node的父节点，用node.childNode来获得node的所有子节点，用node.firstChild来获得node下的第一个子节点，同理node.lastChild就能获得node下的最后一个子节点。
节点之间还有这兄弟关系，一般返回当前节点的前一个兄弟节点的时候用node.preivousSibling,返回当前节点的下一个兄弟节点的时候用node.nextSibling。
算法是深度优先遍历，每次都优先遍历子节点，等所有子节点遍历完，才返回遍历兄弟节点，递归的工作效率极低。遍历API的时候用节点迭代器，深度优先的顺序遍历所有子节点。
在查找HTML元素时，能通过id找到HTML元素，通过标签名找到HTML元素，还能通过类名找到HTML元素。