ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] # 6\. DOM重点核心 ![](https://img.kancloud.cn/83/36/8336f3ef1299e09405bd5be01cda2c78_1343x706.png) 关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。 # 6.1创建 1. document.write 2. innerHTML 3. createElement # 6.2增 1. appendChild 后面增加 2. insertBefore 前面增加 # 6.3删 1. removeChild # 6.4改 主要修改dom的元素属性, dom元素的内容、属性,表单的值等 1.修改元素属性: src、 href、title等 2.修改普通元素内容: innerHTML、innerText 3.修改表单元素: value、type、 disabled等 4.修改元素样式: style、 className # 6.5查 (获取) 主要获取查询dom的元素 1. DOM提供的API方法 : getElementByld. getElementsByTagName 古老用法不太推荐 2. H5提供的新方法 : querySelector. querySelectorAll 提倡 3.利用节点操作获取元素:父(parentNode)、子(children). 兄(previousElementSibling. nextElementSibling)提倡 # 6.6属性操作 主要针对于自定义属性。 1. setAttribute :设置dom的属性值 2. getAttribute :得到dom的属性值 3. removeAttribute移除属性 # 6.7事件操作 ![](https://img.kancloud.cn/ad/99/ad991b357a4b10a0bd468309a7769dab_851x426.png)