DOOM是什么?
文档对象模型(Document Obiect Moder)，是W3C组织推动的处理可扩展标记语言(HTML或者XML)的标准编程接口。
通过DOM接口可以修改网页的内容、结构和样式。
DOM树
- 文档：一个页面就是一个文档，DOM中使用doucment表示
- 元素：页面中的所有标签都是元素，DOM中使用element表示
- 节点：网页中的所有内容都是节点（标签、属性、文本、注释等）,DOM中使用node表示
DOM把以上内容都看做是对象！！！
dom操作主要是针对元素的操作,主要有创建、增、删、改、查、属性操作、事件操作
创建
- document.write
- innerHTML
- createElement
增
- appendChild 前面
- insertBefore 后面
删
- removeChild
改
主要修改dom的元素属性,dom元素的内容,属性,表单的值等
- 修改元素属性：src、href、title等
- 修改普通元素内容：innerHTML、innerText
- 修改表单元素：value、type、disable等
- 修改元素样式：style、className
查
主要获取查询dom元素
- DOM提供的API方法：getElementById、getElementsByTagName 古老用法不推荐,了解
- H5提供的新方法：querySelector、querySelectorAll 提倡推荐！
- 利用节点操作获取元素：父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling)
- 特殊： document.body 获取body 元素； document.documentElement 获取html 元素
属性操作
主要针对自定义属性
- setAttribute：设置dom属性值
- getAttribute：得到dom属性值
- removeAttribute：移除属性
事件操作
常用键盘事件
| 键盘事件 | 触发条件 |
|---|---|
| onekeyup | 某个键盘按键被松开时触发 |
| onkeydown | 某个键盘按键被按下时触发 |
| onkeypress | 某个键盘按键被按下时触发 但不识别功能键 ctrl shift等 |
来源：CSDN
作者：重科口琴小鑫
链接：https://blog.csdn.net/IAIPython/article/details/104449602