淺析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元素--父子頁面相互獲取對(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 繼承學(xué)習(xí)心得總結(jié)
下面小編就為大家?guī)硪黄猨avascript 繼承學(xué)習(xí)心得總結(jié)。小編覺得挺不錯(cuò)的。現(xiàn)在分享給大家。給大家做個(gè)參考2016-03-03
js自帶函數(shù)備忘 數(shù)組...2006-12-12
javascript基礎(chǔ)知識(shí)大集錦(一) 推薦收藏
主要知識(shí)點(diǎn)：js數(shù)組，數(shù)字函數(shù)，字符串函數(shù)，表單驗(yàn)證，hashMap，堆棧，日期函數(shù)，call函數(shù) 等。2011-01-01
本文將詳細(xì)介紹js arguments對(duì)象的使用方法，需要了解更多的朋友可以參考下2012-11-11
這篇文章主要介紹了JavaScript中的條件判斷語句使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
本文主要從前端開發(fā)者的角度談一談大多數(shù)前端開發(fā)者都會(huì)遇到的js錯(cuò)誤，對(duì)錯(cuò)誤產(chǎn)生的原因、發(fā)生階段，以及如何應(yīng)對(duì)錯(cuò)誤進(jìn)行分析、歸納和總結(jié)，希望得到一些有益的結(jié)論用來指導(dǎo)日常開發(fā)工作。2019-08-08
JavaScript不能像PHP一樣在函數(shù)參數(shù)中直接設(shè)置默認(rèn)值，但是JavaScript有一個(gè)arguments可以使用，這就可以為函數(shù)參數(shù)設(shè)置默認(rèn)值了2014-10-10
這篇文章主要介紹Javascript閉包與柯里化,通俗易懂,需要的朋友可以參考下。2016-06-06
舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值
這篇文章主要介紹了舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值,參數(shù)默認(rèn)值的設(shè)置是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11
一文帶你了解JavaScript基礎(chǔ)之深拷貝和淺拷貝
這篇文章主要為大家介紹了JavaScript深拷貝和淺拷貝，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12