WebAPI(part11)--DOM重点核心

学习笔记，仅供参考，有错必究

文章目录

• ​​DOM重点​​

• ​​创建​​
• ​​删​​
• ​​改​​
• ​​查​​
• ​​属性操作​​
• ​​事件操作​​

DOM重点

关于DOM操作，我们主要针对于元素的操作. 主要有创建、增、删、改、查、属性操作、事件操作.

创建

document.write
innerHTML
createElement

删

removeChild

改

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

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移除属性

事件操作