使用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參數一樣，表示複製該節點包含子節點

複製程式碼 程式碼如下:

这里是第二个区域

这里是第三个区域

这里是第四个区域

---

增：

---

刪除：

---

改：

---

克隆：