DOM操作

dom重点核心

dom操作，主要针对元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。
1.创建
1.1 document.write
1.2 innerHTML
1.3 createElement
2.增
2.1 appendChild
在后面添加
2.2 insertBefore
在前面添加
3.删
removeChild
4.改
主要修改dom的元素属性，dom元素的内容、属性、表单的值等
4.1 修改元素属性：src、href、ti’tle等
4.2 修改普通元素内容：innerHTML、innerText
4.3 修改表单元素：value、type、disabled等
4.4 修改元素样式：style、className
5.查
主要获取查询dom的元素
5.1 dom提供的API方法：getElementById、getElementsByTagName 古老用法不太推荐
5.2 H5提供的新方法：querySelector、querySelectorAll提倡
5.3 利用节点操作获取元素：父（parentNode）、子（children）、兄（previousElementSibling、nextElementSibling）提倡
6.属性操作
主要针对于自定义属性。
6.1 setAttribute : 设置dom的属性值
6.2 getAttribute ：得到dom的属性值
6.3 removeAttribute：移除属性
7.事件操作
给元素注册事件，采取事件源，事件类型=事件处理程序

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