淺談javascript中的DOM方法
1:獲取對(duì)象的三種方法
1)document.getElementById(id);通過(guò)對(duì)象的屬性id來(lái)獲取;
2)element.getElementByTagName(tag);通過(guò)標(biāo)簽名來(lái)獲取;
3)element.getElementByClassName(class);通過(guò)屬性類名來(lái)獲取;
2:屬性的set和get方法.
1)object.getAttribute(attribute);獲取元素的屬性.===>>>HTMLDOM: object.attribute;
2)object.setAttribute(attribute,value);設(shè)置元素的屬性.====>>>HTMLDOM:object.attribute=value;
3:有關(guān)節(jié)點(diǎn)的一些屬性
1)childNodes屬性:返回一個(gè)數(shù)組.
element.childNodes[0]等價(jià)于element.firstChild
element.childNodes[element.childNodes.length]等價(jià)于element.lastChild
2)nodeType屬性:共有12種可能的取值.但其中僅有3種具有使用價(jià)值
元素節(jié)點(diǎn)的nodeType=1
屬性節(jié)點(diǎn)的nodeType=2
文本節(jié)點(diǎn)的nodeType=3
3)nodeValue屬性:主要功能是改變?cè)刂械奈谋緝?nèi)容功能類似object.innerHTML
例如:<p id="p">這是一個(gè)文本節(jié)點(diǎn)</p>
var p=document.getElementById("p");
p.childNodes[0].nodeValue="改變文本節(jié)點(diǎn)的內(nèi)容";
這樣就改變了p節(jié)點(diǎn)中的內(nèi)容;
也可以這樣實(shí)現(xiàn):p.innerHTML="改變文本節(jié)點(diǎn)的內(nèi)容";
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
- 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元素的方法
- 淺析JS操作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)文章
echarts中tooltip添加點(diǎn)擊事件代碼示例
這篇文章主要給大家介紹了關(guān)于echarts中tooltip添加點(diǎn)擊事件的相關(guān)資料,echarts tooltip點(diǎn)擊事件是指當(dāng)用戶點(diǎn)擊圖表中的提示框(tooltip)時(shí)觸發(fā)的事件,需要的朋友可以參考下2023-07-07JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊顏色塊切換指定區(qū)域背景顏色的方法,涉及javascript操作cookie及背景色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁(yè)面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實(shí)現(xiàn)彈出一個(gè)隱藏的div窗口body頁(yè)面變成灰色并且不可被編輯的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12javascript實(shí)現(xiàn)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03javascript addLoadEvent函數(shù)說(shuō)明
網(wǎng)頁(yè)加載完整后會(huì)觸發(fā)一個(gè)onload事件,默認(rèn)地一個(gè)事件只能和一個(gè)函數(shù)綁定。2010-01-01Javascript實(shí)現(xiàn)獲取窗口的大小和位置代碼分享
這篇文章主要分享了一段Javascript實(shí)現(xiàn)獲取窗口的大小和位置代碼,兼容性非常好,這里推薦給大家2014-12-12