【无标题】DOM重点核心内容目录

关于dom操作，主要针对于元素的操作主要有创建，增删改查，属性操作，事件操作。

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

 

创建:

1.document.write

2.innerHTML

3.createElement

增:

1.appendChild

2.insertBefore

删:

removeChild

改:

1.修改元素属性：src、href、title等

2.修改普通元素内容：innerHTML、innerText

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

4.修改元素样式：style、className

查:

主要获取查询dom的元素

1. DOM提供的API方法：getElementByld、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 鼠标按下触发