314
js中DOM操作複習總結
獲取DOM節點的方法有哪些
1.通過document獲取節點：
(1)document.getElementById(元素ID)：通過元素id獲取節點
(2)document.getElementsByName(元素name屬性)：通過元素的name屬性獲取節點
(3)document/element.getElementsByTagName(元素標簽)：通過元素標簽獲取節點
(4)document/element.getElementsByClassName(class屬性值)：返回擁有指定class的對象集合
(5)document/element.querySelector(CSS選擇器)：僅返回第一個匹配的元素
(6)document/element.querySelectorAll('CSS選擇器')：返回所有匹配的元素
(7)document.documentElement：獲取頁麵中的HTML標簽即整個文檔的根節點，頁麵具有 DTD或者說指定了DOCTYPE時使用
(8)document.body：獲取頁麵中的BODY標簽，頁麵不具有 DTD或者說沒有指定DOCTYPE時使用
(9)document.all['']：獲取頁麵中的所有元素節點的對象集合型
2.通過節點指針獲取節點：
(1)a.firstChild：獲取元素a的首個子節點
(2)a.lastChild：獲取元素a的最後一個子節點
(3)a.childNodes：獲取元素a的所有子節點列表
(4)b.previousSibling：獲取已知節點b的前一個節點
(5)b.nextSibling：獲取已知節點b的後一個節點
(6)b.parentNode：獲取已知節點的父節點
DOM節點的各種操作方法：
1.創建節點的方法：
(1)document.createElement(元素標簽)：創建元素節點
(2)document.createAttribute(元素屬性)：創建屬性節點
(3)document.createTextNode(文本內容)：創建文本節點
(4)document.createComment('注釋節點')：創建新的注釋節點
(5)document.createDocumentFragment( )：創建文檔碎片節點（提高效率）；
2.插入節點的方法：
(1)appendChild(所添加的新節點)：向節點的子節點列表的末尾添加新的子節點
(2)insertBefore(所添加的新節點,已知子節點)：在已知的子節點前插入一個新的子節點
3.替換節點：
replaceChild(要插入的新元素,將被替換的老元素)：用新節點替換父節點中已有的子節點;若原元素已有該節點，element.setAttributeNode( attributeName )和element.setAttribute( attributeName, attributeValue )也能達到修改該屬性值的目的
4.複製節點：
cloneNode(true/false)：創建指定節點的副本，若參數為true則複製當前節點及其所有子節點，若參數為false則僅複製當前節點
5.刪除節點：
removeChild(要刪除的節點)：刪除指定的節點
DOM屬性操作方法有哪些：
1.獲取屬性節點：
a.getAttribute(元素屬性名)：獲取元素節點a中指定屬性的屬性值
2.設置屬性節點：
a.setAttributeNode(元素屬性名)：給元素a增加屬性節點
a.setAttribute(元素屬性名,元素屬性值)：給元素a增加指定屬性並設定屬性值，或者改變元素a的某個屬性值
3.刪除屬性節點：
a.removeAttribute(元素屬性名)：刪除具有指定屬性名稱的屬性，無返回值
a.removeAttributeNode(元素屬性名)：刪除指定屬性，返回值為刪除的屬性值
DOM文本操作方法：
insertData(offset,String):從offset指定位置插入string
appendData(string):把string插入到文本節點末尾處
deleteData(offset,count):從offset起刪除count個字符
replaceData(off,count,string):從off將count個字符用string替代
splitData(offset):從offset起將文本節點分成兩個節點
substring(offset,count):返回由offset起的count個節點
最後更新：2017-04-01 16:41:01