【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
- 孔明
- 刘备
- 关羽
相关推荐
SpringBoot接口 - API接口有哪些不安全的因素？如何对接口进行签名？
[Datawhale-李宏毅机器学习-39期]-001-机器学习介绍
【牛客网面经整理】7.20shopee一面面经，加入我自己整理的相关拓展问题（redis））
基于MATLAB的温度报警,基于Matlab的小型温度检测系统设计
给女友的网页小惊喜，（生日，周年，表白通用） ☞谁说程序员不懂浪漫
Seata聚合 AT、TCC、SAGA 、 XA事务模式打造一站式的分布式事务解决方案
空间波束形成matlab仿真,自适应波束形成Matlab仿真
SpringBoot+MyBatisPlus+Vue+ElementUI实现前后端分离的物业管理系统