【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
三、综合实例
调查表
三国里的人物：
- 张飞#zf
- 孔明
- 刘备
- 关羽
相关推荐
Redis中ServiceStack.Redis和StackExchange.Redis区别详解
复盘：霍夫曼编码平均长度计算方式，信源符号a1-a6概率为：0.1,0.4,0.06,0.1,0.04,0.3，霍夫曼编码平均长度是
docker 打包 selenium+chromedriver+chrome 解决方案
推荐一个好用的Vite插件：移动端开发利器vite-plugin-eruda替代vconsole插件
matlab编写文件格式,MATLAB程序设计教程(4)——MATLAB文件操作
SpringBoot如何切换成其它的嵌入式Servlet容器(Jetty和Undertow)