DOM核心总结

DOM对元素的操作：创建、增删改查、属性操作、事件操作。

1.创建

• document.write
• innerHTML
• createElement

2.增

• appendChild
• insertBefore

3.删

• removeChild

4.改

• 修改元素属性：src、href、title等
• 修改普通元素内容：innerHTML、innerText
• 修改表单元素：value、type、disabled等
• 修改元素样式：style、className

5.查

• DOM提供的API方法：getElementsById、getElementsByTagName
• H5提供的新方法（推荐）：querySelector、querySlectorall
• 利用节点操作获取元素：父parentNode、子children、兄previousElementSibling、nextElementSibling.

6.属性操作

• setAttribute：设置dom的属性值
• getAttribute：得到dom的属性值
• removeAttribute：移除属性

7.事件操作

• onclick：点击
• onmouseover：放在上面
• onmouseout：离开
• onfocus：焦点
• onblur：失去焦点
• onmousemove：移动
• onmouseup：弹起
• onmousedown：按下