DOM重点核心

dom操作，主要针对于元素的操作。主要有创建，增、删、改、查、属性操作、事件操作

1.创建：

document.write（不常用，了解即可）

innerHTML

createElement

2.增：

appendChild（在后面添加）

insertBefore（在前面进行添加）

 3.删：

removeChild（可以删除某一个元素）

4.改：

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

4.1.修改元素属性：src、href、title等

4.2.修改普通元素内容：innerHTML、innerText

4.3.修改表单元素：value、type、disabled等

4.4.修改元素样式：style、className（如果属性比较多，操作比较方便，推荐使用className）

 5.查：

主要获取查询dom的元素

5.1.DOM提供的API方法：getElementByID、getELementByTagName  古老用法 不太推荐

5.2.H5提供的新方法：querySelector、querySelectorALL  提倡

5.3.利用节点操作获取元素：父（parentNode）、子（children（first））（last））、兄（previousElementSibling、nextElementSibling） 提倡

6.属性操作

主要针对于自定义属性

6.1.setAttribute：设置dom的属性值

6.2.getAttribute：得到dom的属性值

6.3.removeAttribute：移除属性

7.事件操作

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

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