下面小編就為大家?guī)?lái)一篇JS操作DOM的一些常用方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。
getElementById(): 獲取有指定惟一ID屬性值文檔中的元素
getElementsByName(name): 返回的是數(shù)組
getElementsByTagName(): 返回具有指定標(biāo)簽名的元素子元素集合
getAttribute(): 返回指定屬性名的屬性值
document.getElementsByTagName("a")[0].getAttribute("target");
setAttribute(): 添加指定的屬性，并為其賦指定的值。
document.getElementsByTagName("INPUT")[0].setAttribute("type","button");
節(jié)點(diǎn)屬性:
節(jié)點(diǎn)名稱(chēng)(只讀):nodeName
節(jié)點(diǎn)值: nodeValue
節(jié)點(diǎn)類(lèi)型(只讀):nodeType
子節(jié)點(diǎn)：
ele.childNodes 返回?cái)?shù)組
firstChild
lastChild
父節(jié)點(diǎn)
parentNode 只有一個(gè)
兄弟節(jié)點(diǎn)
nextSibling 某節(jié)點(diǎn)之后緊跟的節(jié)點(diǎn)
previousSibling
插入節(jié)點(diǎn)
appendChild() 插入在最后
insertBefore(newnode,node)在node節(jié)點(diǎn)之前
刪除節(jié)點(diǎn)
removeChild(node) 成功返回被刪除的節(jié)點(diǎn) 失敗返回null
替換元素節(jié)點(diǎn)
replaceChild(newnode,oldnode) 實(shí)現(xiàn)子節(jié)點(diǎn)對(duì)象的替換
創(chuàng)建元素節(jié)點(diǎn)
createElement()
創(chuàng)建文本節(jié)點(diǎn)
createTextNode()
復(fù)制節(jié)點(diǎn)
需要被復(fù)制的節(jié)點(diǎn).cloneNode(true/false)
true復(fù)制當(dāng)前節(jié)點(diǎn)極其所以子節(jié)點(diǎn)，false僅復(fù)制當(dāng)前節(jié)點(diǎn)
以上這篇淺析JS操作DOM的一些常用方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考