淺析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é)點(diǎn)屬性:
節(jié)點(diǎn)名稱(只讀):nodeName
節(jié)點(diǎn)值: nodeValue
節(jié)點(diǎn)類型(只讀):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è)參考,也希望大家多多支持腳本之家。
- 淺談javascript中的DOM方法
- js加載之使用DOM方法動(dòng)態(tài)加載Javascript文件
- javascript firefox兼容ie的dom方法腳本
- AngularJS實(shí)現(xiàn)動(dòng)態(tài)編譯添加到dom中的方法
- 原生js獲取iframe中dom元素--父子頁(yè)面相互獲取對(duì)方dom元素的方法
- javascript先序遍歷DOM樹的方法
- javascript中html字符串轉(zhuǎn)化為jquery dom對(duì)象的方法
- JS動(dòng)態(tài)創(chuàng)建DOM元素的方法
- js使用DOM操作實(shí)現(xiàn)簡(jiǎn)單留言板的方法
- js常用DOM方法詳解
相關(guān)文章
JavaScript對(duì)內(nèi)存分配及管理機(jī)制詳細(xì)解析
本文主要講述了JavaScript的垃圾回收原理和具體的過(guò)程。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11javascript數(shù)組里的27個(gè)方法總合詳解
這篇文章主要為大家詳細(xì)介紹了javascript數(shù)組里的方法27個(gè)總合,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來(lái)幫助2022-02-02document.styleSheets[0].disabled
document.styleSheets[0].disabled...2006-10-10Adapter適配器模式在JavaScript設(shè)計(jì)模式編程中的運(yùn)用分析
適配器模式的作用是解決兩個(gè)軟件實(shí)體間的接口不兼容的問(wèn)題,在JavaScript尤其是AJAX方面比較常用,接下來(lái)看一下對(duì)Adapter適配器模式在JavaScript設(shè)計(jì)模式編程中的運(yùn)用分析2016-05-05怎樣在JavaScript里寫一個(gè)swing把數(shù)據(jù)插入數(shù)據(jù)庫(kù)
在JavaScript里寫一個(gè)swing來(lái)實(shí)現(xiàn)確定取消,來(lái)決定是否執(zhí)行這個(gè)功能 控制把數(shù)據(jù)插入數(shù)據(jù)庫(kù),接下來(lái)介紹實(shí)現(xiàn)方法2012-12-12關(guān)于session和cookie的簡(jiǎn)單理解
下面小編就為大家?guī)?lái)一篇關(guān)于session和cookie的簡(jiǎn)單理解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06