节点操作 
文章图片
文章图片
【前端学习笔记|3.8 JavaScript-DOM节点】创建 节点语法：document.crealteElement(‘标签名称’)
作用：创建一个指定标签元素
返回值：一个创建好的元素节点
例：
文章图片
插入 节点语法1：父节点.appendChild(子节点)
作用：把子节点放在父节点的内部，并且放在最后的位置
例：
文章图片
语法2：父节点.insertBefore(要插入的子节点,那一个子节点的前面)
作用：把子节点放在父节点的内部，并且放在指定某一个子节点的前面
例：
文章图片
删除 节点语法1：父节点.removeChild(子节点)
作用：从父元素内删除某一个子节点
例：
文章图片
语法2：节点.remove()
作用：把自己和子元素删除
例：
文章图片
div节点被删除后，里边的子元素p和span也会被删除。
替换 节点语法：父节点：replaceChild(换上节点,换下节点)
作用：在父节点内，使用换上节点替换掉换下节点
例：
文章图片
克隆 节点参数可选填(默认是false表示不克隆后代节点,true克隆后代节点)
语法：节点.cloneNode(是否克隆后代节点)
作用：把该节点复制一份一模一样的内容
返回值：克隆好的新节点
例：
文章图片
推荐阅读
- 前端学习笔记|Nodejs-1.4 Express书写接口
- 前端学习笔记|2.6 表单进阶
- 小白学java|室友打了俩把LOL，我知道了类是怎样加载的
- python|真香啊，手把手教你使用 Python 获取基金信息
- python|考生都难哭了，用 Python 分析了一下，这里才是高考地狱级难度
- react|react3-Redux
- 工具实例|react+react-beautiful-dnd实例代办事项
- java|职教云自动选题、答题并自动修改答题已用时间 脚本
- Python|Python编程题每日一练day1（附答案）