【JavaScript】js中Dom操作增删改查技巧大全（示例）
发布时间：2022-12-15 08:30
| getElementById | 通过ID获取 |
| getElementsByName | 通过name属性 |
| getElementsByTagName | 通过标签名 |
| getElementsByClassName | 通过类名class=‘’ |
| querySelector | 通过选择器获取一个元素 |
| querySelectorAll | 通过选择器获取一组元素 |
| document.documentElement | 获取html的方法 |
| ocument.documentElement | 获取html标签 |
| document.body | 获取body的方法 |
| 获取节点的方法： 父子兄弟等等 | |
| Node.parentNode | 元素的父节点 |
| Node.parentElement | 元素的父Element（标签节点）节点 |
| Node.childNodes | 元素的所有子节点 |
| Node.children | 元素的所有Element（标签节点）节点 |
| Node.firstChild | 第一个节点 |
| Node.firstElementChild | 第一个Element（标签节点）子节点 |
| Node.lastChild | 最后一个节点 |
| Node.lastElementChild | 最后一个Element（标签节点）子节点 |
| Node.previousSibling | 元素的前一个节点 |
| Node.nextSibling | 元素的后一个节点 |
| Node.childElementCount | 当前节点所有Element子节点的数目 |
| document.documentElement | 获取整个Html Dom结构 |
| element.childNodes | 得到element（标签节点）的全部子节点 |
| element.parentNode | 得到element（标签节点）的父节点 |
| element.nextSibling | 得到element（标签节点）的下一个兄弟节点 |
| element.previousSibling | 得到element（标签节点）的上一个兄弟节点 |
| element.firstChild | 得到element的第一个节点 |
| element.lastChild | 得到element的最后一个节点 |
一、获取和操作HTML中Id的对象元素
innerText 和innerHTML的区别：
实例：
Document
这是一个DIV
我是子dIV
二、绑定HTML中某元素对象的事件
主页
我是一个DIV
三、综合实例
调查表