DOM核心重点

DOM核心重点

文档对象模型：标准编程接口

主要针对元素操作有创建、增、删、改、查

创建

1. document.write
2. innerHTML
3. createElement

增

1. appendChild
2. insertBefore

删

1. removeChild

改

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

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

查

主要查询dom的元素

1. DOM提供的API方法：getElementById、getElementsByTagName古老方法不推荐
2. H5新增方法：querySelector、querySelectorAll 推荐使用
3. 利用节点操作：父(parentNode)、子(children)、兄(previousElementSibling、nextELementSibling)提倡

属性操作

主要针对自定义属性

1. setAttribute：设置dom的属性值
2. getAttribute：得到dom的属性值
3. removeAttribute：移除属性

事件操作

给元素注册事件，采用 事件源.事件类型 = 时间处理过程

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