DOM常用屬性和方法

1. DOM常用的操作元素的方法

1 document.getElementById(“div1”) 通過id名獲得元素,獲得的元素是唯一的.
2. document.getElementsByTagName(“p”) 通過標籤名獲得一組元素
3. document.getElementsByClassName(“a”) 通過類名獲得一組元素，IE6-IE8不兼容
4. document.getElementsByName(“a”) 通過name屬性獲得一組元素，主體只能是document，IE不兼容非表單元素的name屬性，所以一般用在表單元素得選擇
5. document.querySelector(".p1"); 通過選擇器獲取一個元素——移動端
6. document.querySelectorAll(“ul>li”);通過選擇器獲取一組元素——移動端
7. document.documentElement 獲得整個HTML
8. document.body 獲得整個body
9. documetn.documentElement.clientWidth||document.body.clientWidth; 獲得可視窗口的寬

2.動態操作DOM

1. createElement; 創建元素節點，主體只能是document
2. createTextNode; 創建文本節點 主體只能是document
3. creatDocumentFragment 創建文檔碎片
4. appendChild; 把文本節點添加到頁面上，添加到末尾的位置，主體是操作元素的父級元素 ，如果頁面上已經有這個節點，就是移動，而不是添加
5. insertBefore（newEle,oddEle）; 把文本節點添加到頁面上，添加到末尾的位置，主體是操作元素的父級元素；如果頁面上已經有這個節點，就是移動，而不是添加
6. repalceChild(neweLE,oddEle); 用newEle去替換oddEle,操作元素是父標籤
7. removeChild(); 刪除某個節點
8. cloneNode（true）; 深克隆，參數爲false或空表示淺克隆
9. setAttribute(屬性名,值)；設置元素屬性(自定義屬性/固有屬性)
10. getAttribute
11. removeAttrbute 通過setAttribute設置的屬性，必須通過getAttribute和removeAttrbute來操作

很多年前的筆記，一直存在有道雲裏，今日分享給大家，歡迎批評指正；