getElementById(): 獲取有指定惟一ID屬性值文檔中的元素

getElementsByName(name): 返回的是數組

getElementsByTagName(): 返回具有指定標簽名的元素子元素集合

getAttribute(): 返回指定屬性名的屬性值

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): 添加指定的屬性，并為其賦指定的值。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

節點屬性:

節點名稱(只讀):nodeName

節點值: nodeValue

節點類型(只讀):nodeType

子節點：

ele.childNodes 返回數組

firstChild

lastChild

父節點

parentNode 只有一個

兄弟節點

nextSibling 某節點之后緊跟的節點

previousSibling

插入節點

appendChild() 插入在最后

insertBefore(newnode,node)在node節點之前

刪除節點

removeChild(node) 成功返回被刪除的節點 失敗返回null

替換元素節點

replaceChild(newnode,oldnode) 實現子節點對象的替換

創建元素節點

createElement()

創建文本節點

createTextNode()

復制節點

需要被復制的節點.cloneNode(true/false)

true復制當前節點極其所以子節點，false僅復制當前節點

以上這篇淺析JS操作DOM的一些常用方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。