DOM

一、介绍

1. what:节点（Node） { 父 + 子 }的层次{ 标签 + 元素 + 文本}
   常用于xml和html文档中  -tv-  文件进入内存，通过反射获得根节点
2. why:操作浏览器文档
3. how
    

二、操作

1. 通过{ 属性值 + 标签 +类型 }获取

2. 设置器和访问器通过{ 对象.属性 + 对象["属性"] + 对象.getAttribute(“属性”)}
   2.1. !class属性用className属性获得；

   2.2. !type获得的属性仍然是对象，需要再拆分而且第三种方式获取的话一直一个字符串；

   2.3. !属性的名字和属性值一样的情况，采用前面两种方式获取

   2.4. !自定义属性用第三种方式获取

   2.5. !innerHTML和innerXML的区别

   2.6. !根据标签和类型名字获取的数组，当其中的元素发生变化，其中数组的长度会发生变化
    

三、属性和方法

1. 属性
   1.1. 子类：firstChild + nextSibling + previousSibling + lastChild

   1.2. 父类：parentNode

   1.3. 其他：childNodes

2. 方法
   2.1. 子类：appendChild(node) + insertBefore(newNode,refNode ) + removeChild(node) + replaceChild(新，旧) +

   2.2. 本身：create() + remove()

   2.3. 其他：hasChildNodses()
    

四、事件

1. 鼠标 + 键盘 + 表单 ！this不是事件本身，而是属性本身