JS DOM元素的操作（創建，添加，刪除，和修改屬性）

1.1 創建 DOM 元素以及相應的追加方式

　　1.1.1  創建：document.createElement('div'); 添加： fatherEle.appendChild(ele);

　　

　　appendChild 是將一個元素追加到另一個元素的最后， 不會覆蓋父元素原有的內容。

　　1.1.2  拼接元素的字符串，利用父元素的innerHTML設置父元素的內容

　　 父元素中的html內容為html字符串，回復該父元素原有的內容。

　　　　這種方法直接清空父元素中所有的元素。

　　1.1.3 insertBefore

　　

 

　　此外還有document.write，但是此方法會覆蓋頁面所有的內容。（不建議使用）

　　　　

1.2 刪除dom元素

 　　1.2.1 刪除父元素下某個子元素：document.getElementById('fatherBox').removeChild(pEle[0]);

　　　　，

　　此處可以直接使用子元素的parentNode 去刪除該子元素 ，如

    　　　

　　1.2.2 清空父元素下所有的內容， innerHTML = ''；

　　　　

1.3 修改dom元素的屬性

 　　　　1.3.1  attributes獲取一個元素作為對象

　　　　

　　　　

　　　　1.3.2  getAttribute 和 setAttribute

 　　　　

　　　　1.3.3 createAttribute