使用js完成节点的增删改复制等的操作_javascript技巧

需求：完成节点的增删改复制的操作

用到的方法和属性：
1.获取某个节点的父节点
parentNode属性
2.获取某个节点的子节点集合
childNodes属性
3.创键一个新的节点
createTextNode(节点文本内容) document对象的方法 在某些浏览器上兼容性不是很好
createElement(对象) document对象的方法 例如：document.createElement("a");
4.给某个节点对象添加属性和属性值
setAttribute(属性，属性值); 例如：aNode.setAttribute("href","http://www.baidu.com");
5.替换某个节点下的子节点
replaceChild(新节点，原子节点);
6.将某个节点添加到一个节点下
appendChild(要添加的节点)
7.克隆某个节点

cloneNode() 不传参数和传入true参数一样，表示克隆该节点包括子节点

复制代码 代码如下:

这里是第二个区域

这里是第三个区域

这里是第四个区域

---

增：

---

删：

---

改：

---

克隆：