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的一些常用方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。