淺析JS操作DOM的一些常用方法

getElementById(): 取得指定惟一ID屬性值文件中的元素

getElementsByName(name): 回傳的是陣列

getElementsByTagName(): 傳回具有指定標籤名稱的元素子子傳回指定屬性名稱的屬性值

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

setAttribute(): 新增指定的屬性，並為其賦指定的值。

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

節點屬性:

節點名稱(唯讀):nodeName

節點值: nodeValue

節點類型(唯讀):nodeType

.

lastChild

父節點

parentNode 只有一個

兄弟節點

nextSibling 某節點之後緊跟的節點

previousSibling

。 de)在node節點之前

刪除節點

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

替換元素節點

replaceChild(newnode,Elementnode) 實作子節點物件的替換

replaceChild(newnode,Elementnode) 實作子節點物件的替換

replaceChild(newnode,Elementnode) 實作子節點物件的替換

元素

建立文字節點

createTextNode()

複製節點

需要複製的節點.cloneNode(true/false)

tru​​e複製當前節點所以子節點，false極度僅複製當前節點節點

tru​​e複製當前節點所以子節點，false極度僅複製當前節點節點析JS操作DOM的一些常用方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多淺析JS操作DOM的一些常用方法相關文章請關注PHP中文網！