javasciptDom操作

2024-04-27 15:06:19

字體：大中小

來源：轉載

供稿：網友

獲取節點

document

getElementById 通過id屬性獲取節點（object）getElementsByName 通過names屬性獲取節點(類數組)getElementsByTagName 通過元素標簽獲取元素(類數組)getElementsByClassName 通過class屬性獲取節點(類數組)ie8不兼容

節點指針

firstChild 語法:父節點.firstChild功能:獲取元素首個子節點lastChild 語法:父節點.lastChild功能:獲取元素的最后一個字節點childNodes 語法:父節點.childNodes功能:獲取元素子節點列表PReviousSibling 語法:兄弟節點.previousSibling功能:獲取已知節點的前一個節點nextSibling 語法:兄弟節點.nextSibling功能:獲取已知節點的后一個節點parentNode 語法:子節點.parentNode功能:獲取已知節點的父節點

節點操作

創建節點

createElement 語法:document.createElement（元素標簽）功能:創建元素節點createAttribute 語法:document.createAttribute（元素屬性）功能:創建屬性節點createTextNode 語法:document.createTextNode(文本內容)功能:創建文本節點

插入節點

appendChild(所要添加的節點) 向子節點列表末尾添加新的子節點insertBefore(所要添加的節點，已知的節點) 在已知的節點插入新的節點，如果沒有可以寫null； var div=document.getElementById('myDiv'); var odi=document.createElement('div'); var text=document.createTextNode('我不再愛你'); odi.appendChild(text); div.insertBefore(odi,null);

替換節點

replaceChild(要插入的元素，將要替換的元素) 將一個節點替換成另一個

復制節點

cloneNode 語法：需要被復制的節點.cloneNode(true/false)//默認為false功能:創建指定節點副本參數 true:復制當前節點以及所有子節點false:僅復制當前節點

刪除節點

removeChild(刪除的節點) 刪除指定的節點

屬性操作

獲取屬性：getAttribute(元素屬性名) 獲取元素節點中指定的屬性值設置屬性: setAttribute(屬性名,屬性值) 創建或元素節點的屬性刪除屬性: removeAttribute（屬性名）刪除元素中指定的屬性

文本操作

insertData(offset,String):從offset指定的位置插入string appendData(string):將string插入到文本節點的末尾處deleteDate(offset,count) 從off將count個字符用string替代replaceData(off,count,string);從off將count個字符用string替代splitData(offset) 從offset起將文本節點分成兩個節點substring(offset,count) 返回由offset起的count個節點

上一篇：反射獲取類名

下一篇：編寫優良CSS代碼總結