创建
1.document.write
2.innerHTML
3.createElement
增
- appendChild
- insertBefore
删
- removeChild
改
主要修改dom的元素属性，dom元素的内容、属性, 表单的值等
1.修改元素属性： src、href、title等
2.修改普通元素内容： innerHTML 、innerText
3.修改表单元素： value、type、disabled等
4.修改元素样式： style、className
查
主要获取查询dom的元素
1.DOM提供的API 方法： getElementById、getElementsByTagName 古老用法 不太推荐
- H5提供的新方法： querySelector、querySelectorAll 提倡
3.利用节点操作获取元素： 父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling) 提倡
属性操作
主要针对于自定义属性。
- setAttribute：设置dom的属性值
- getAttribute：得到dom的属性值
- removeAttribute移除属性
事件操作
给元素注册事件， 采取：事件源.事件类型 = 事件处理程序
image.png
