DOM
DOM ：文檔對象模型
1.每一個標籤都成爲DOM節點。html成爲DOM的根節點，每一個元素成爲元素節點，元素嗎內容稱爲文本節點，屬性稱爲屬性節點。
2.節點關係：
父節點：ParentNode 子.ParentNode= 父； 節點關係： 父節點：ParentNode 子.ParentNode= 父； 節點關係： 父節點：ParentNode 子.ParentNode= 父； 子節點： ChildNodes/Children (後出現，好用） 兄弟節點： 前一個兄弟節點：previousElementSibling 後一個兄弟節點：nextElementSibling
3.節點屬性的動態操作（創建、添加、刪除）
創建：
元素：document.creatElement(“元素”);
// 文本：document.creatTextNode(“文本”)；
添加創建的元素 ：父.appendchild（子節點元素）；
動態添加的元素添加事件時，把事件放在創建函數裏面；也可以通過委託實現（後面更新）；
刪除：
①removeChild() 用法：父節點.removeChild(要刪除的元素);
②remove() 用法：要刪除元素.remove();
添加
insertBefore() 用法：父節點.insertBefore(要添加的元素，參照節點)；將要添加的子元素添加到參照節點的前面，參照節點不能省略，如果沒有參照節點可用null代替，會實現和appendchild()一樣的效果。
4.節點的克隆操作
cloneNode( );
參數如果是true表示：克隆節點本省並且也克隆內容 （深度克隆）。
無參數：只克隆節點本身。
獲取查到的元素的標籤名：TageName 或者NodeName
5.自定義屬性的設置和獲取
屬性操作：對象.src = “2.jpg” ; 對象的特有屬性的值，可以用對象.屬性 操作。
如果獲取自定義屬性值：使用getattribute（“屬性名”）；
設置自定義屬性值：使用setattribute（“屬性”，“值”）；