3.8 JavaScript-DOM节点

节点操作

创建 节点

语法：document.crealteElement(‘标签名称’)
作用：创建一个指定标签元素
返回值：一个创建好的元素节点
例：

插入 节点

语法1：父节点.appendChild(子节点)
作用：把子节点放在父节点的内部，并且放在最后的位置
例：

语法2：父节点.insertBefore(要插入的子节点,那一个子节点的前面)
作用：把子节点放在父节点的内部，并且放在指定某一个子节点的前面
例：

删除 节点

语法1：父节点.removeChild(子节点)
作用：从父元素内删除某一个子节点
例：

语法2：节点.remove()
作用：把自己和子元素删除
例：

div节点被删除后，里边的子元素p和span也会被删除。

替换 节点

语法：父节点：replaceChild(换上节点,换下节点)
作用：在父节点内，使用换上节点替换掉换下节点
例：

克隆 节点

参数可选填(默认是false表示不克隆后代节点,true克隆后代节点)
语法：节点.cloneNode(是否克隆后代节点)
作用：把该节点复制一份一模一样的内容
返回值：克隆好的新节点
例：