DOM重点核心

主要创建、增、删、改、查、属性操作、事件操作

1创建

innerHTML

createElement

2增

appendChild 后

insertBefore 前

3删

removeChild

4改

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

修改属性：src、href、title等

修改元素内容：innerHTML、innerText

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

修改元素样式：style、className

5查

主要获取查询dom的元素

DOM提供的AIP方法：getELementByld、getElementsByTagName 不推荐

H5提供的新方法：querySelector、querySelectorAll    提倡

利用节点操作获取对象：父（parentNode）、子（children）、兄（previousElmentSibling、nextElemnetSibling） 提倡

6属性操作

setAttribute：设置dom的属性值

getAttribute：得到dom的属性值

removeAttribute移除属性

7事件操作

onclick	script	当单击鼠标时运行脚本
ondblclick	script	当双击鼠标时运行脚本
ondragNew	script	当拖动元素时运行脚本
ondragendNew	script	当拖动操作结束时运行脚本
ondragenterNew	script	当元素被拖动至有效的拖放目标时运行脚本
ondragleaveNew	script	当元素离开有效拖放目标时运行脚本
ondragoverNew	script	当元素被拖动至有效拖放目标上方时运行脚本
ondragstartNew	script	当拖动操作开始时运行脚本
ondropNew	script	当被拖动元素正在被拖放时运行脚本
onmousedown	script	当按下鼠标按钮时运行脚本
onmousemove	script	当鼠标指针移动时运行脚本
onmouseout	script	当鼠标指针移出元素时运行脚本
onmouseover	script	当鼠标指针移至元素之上时运行脚本
onmouseup	script	当松开鼠标按钮时运行脚本
onfocus	script	鼠标获取焦点触发
onblur	script	鼠标失去焦点触发