JS操作DOM的一些常用方法

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僅複製當前節點