DOM知识点的复习以及核心

1. DOM是文档对象模型，是w3c推荐的处理可扩标记语言的标准编程接口，通过这些接口可以改变网页的内容、结构、和样式。dom使html形成一棵dom树。获取过来的元素是一个对象，所以称为文档对象模型。
2. 关于dom操作主要有创建、增、删、改、查、属性操作、事件操作。
3. 创建：
   （1）document.write
   （2）innerHTML
   （3）createElement
4. 增：
   （1）appendChild
   （2）insertBefore
5. 删：removeChild
6. 改：主要修改dom元素属性 、dom元素内容、属性、表单的值等。
   （1）修改元素属性：src、href、title等。
   （2）修改普通元素内容：innerHTML（识别html标签，w3c标准）、innerText
   （3）修改表单元素：value、type、disabled等
   （4）修改元素样式：style、className
7. 查：主要查询dom元素
   （1）DOM提供的API方法：getElementById、getElementByTagName(不推荐)
   （2）H5新方法：querySelector、querySelectorAll
   （3）获取特殊元素：document.body(body)、document.documentElement（HTML）
   (3)利用节点操作获取元素：父parentNode、子children、兄previousElementSibling、nextElementSibling提倡。复制克隆节点node.cloneNode(里面跟true深拷贝)
8. 属性操作：主要对于自定义属性
   （1）setAttribute:设置dom的属性值
   （2）getAttribute:得到dom的属性值
   （3）removeAttribute移除属性
9. 事件操作：给元素注册事件，采取事件源.事件类型 = 事件处理程序
   （1）onclick
   （2）onmouseover、onmouseout
   （3）onfocus、onblur
   （4）onmousemove
   （5）onmouseup、onmousedown
10. 三种动态元素创建的区别：
    （1）document.write()文档执行完毕会导致页面重绘
    （2）doucment.createElement()
    （3）element.innerHTML()采用拼接字符串的形式创建效率慢，创建一个数组，把内容添加到数组中，转换为字符串，效率更高。