淺析JS操作DOM的一些常用方法
getElementById(): 獲取有指定惟一ID屬性值文檔中的元素
getElementsByName(name): 返回的是數(shù)組
getElementsByTagName(): 返回具有指定標(biāo)簽名的元素子元素集合
getAttribute(): 返回指定屬性名的屬性值
document.getElementsByTagName("a")[0].getAttribute("target");
setAttribute(): 添加指定的屬性,并為其賦指定的值。
document.getElementsByTagName("INPUT")[0].setAttribute("type","button");
節(jié)點屬性:
節(jié)點名稱(只讀):nodeName
節(jié)點值: nodeValue
節(jié)點類型(只讀):nodeType
子節(jié)點:
ele.childNodes 返回數(shù)組
firstChild
lastChild
父節(jié)點
parentNode 只有一個
兄弟節(jié)點
nextSibling 某節(jié)點之后緊跟的節(jié)點
previousSibling
插入節(jié)點
appendChild() 插入在最后
insertBefore(newnode,node)在node節(jié)點之前
刪除節(jié)點
removeChild(node) 成功返回被刪除的節(jié)點 失敗返回null
替換元素節(jié)點
replaceChild(newnode,oldnode) 實現(xiàn)子節(jié)點對象的替換
創(chuàng)建元素節(jié)點
createElement()
創(chuàng)建文本節(jié)點
createTextNode()
復(fù)制節(jié)點
需要被復(fù)制的節(jié)點.cloneNode(true/false)
true復(fù)制當(dāng)前節(jié)點極其所以子節(jié)點,false僅復(fù)制當(dāng)前節(jié)點
以上這篇淺析JS操作DOM的一些常用方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript 繼承學(xué)習(xí)心得總結(jié)
下面小編就為大家?guī)硪黄猨avascript 繼承學(xué)習(xí)心得總結(jié)。小編覺得挺不錯的?,F(xiàn)在分享給大家。給大家做個參考2016-03-03
javascript基礎(chǔ)知識大集錦(一) 推薦收藏
主要知識點:js數(shù)組,數(shù)字函數(shù),字符串函數(shù),表單驗證,hashMap,堆棧,日期函數(shù),call函數(shù) 等。2011-01-01
舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認值
這篇文章主要介紹了舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認值,參數(shù)默認值的設(shè)置是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-11-11
一文帶你了解JavaScript基礎(chǔ)之深拷貝和淺拷貝
這篇文章主要為大家介紹了JavaScript深拷貝和淺拷貝,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2021-12-12

