DOM重点核心总结

DOM是文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。

我们获取过来的DOM元素是一个对象（object），所以称为文档对象模型

一、创建

1. decument.write
2. innerHTML
3. createElement

二、增

1. appendChild
2. insertBefore 

三、删

1. removeChild 

四、改

主要修改dom的元素属性，dom元素的内容、属性，表单的值等

1. 修改元素的属性：src 、href、title等 
2. 修改普通元素内容：innerHTML、innerText
3. 修改表单元素：value、 type、disable等
4. 修改元素样式：style、className

五、查

主要获取查询dom的元素

1. DOM提供的API方法：getElementById、getElementByTagName  古老用法不太推荐
2. H5 提供的新方法：querySelector、querySelectorAll   提倡
3. 利用节点操作获取元素：父（parentNode）、子（children）、兄（previousElementSibing、netElementSibing）提倡

六、属性操作

主要针对自定义属性

1. setAttribute: 设置dom的属性值
2. getAttribute:得到dom的属性值
3. removeAttribute移除属性 

七、 事件操作

给元素注册事件，采取 事件源.事件类型 = 事件处理程序

常见的鼠标事件 
 

鼠标事件	触发条件
onclic	鼠标点击左键触发
onmouseover	鼠标经过触发
onmouseout	鼠标离开触发
onfocus	获得鼠标焦点触发
onblur	失去鼠标焦点触发
onmousemove	鼠标移动触发
onmouseup	鼠标弹起触发
onmousedown	鼠标按下触发