淺談javascript中的DOM方法
1:獲取對象的三種方法
1)document.getElementById(id);通過對象的屬性id來獲取;
2)element.getElementByTagName(tag);通過標(biāo)簽名來獲取;
3)element.getElementByClassName(class);通過屬性類名來獲取;
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屬性:主要功能是改變元素中的文本內(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)容";
以上所述就是本文的全部內(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元素--父子頁面相互獲取對方dom元素的方法
- 淺析JS操作DOM的一些常用方法
- javascript先序遍歷DOM樹的方法
- javascript中html字符串轉(zhuǎn)化為jquery dom對象的方法
- JS動(dòng)態(tài)創(chuàng)建DOM元素的方法
- js使用DOM操作實(shí)現(xiàn)簡單留言板的方法
- js常用DOM方法詳解
相關(guān)文章
下面小編就為大家?guī)硪黄狫S給Array添加是否包含字符串的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
JS實(shí)現(xiàn)的檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地示例
這篇文章主要介紹了JS實(shí)現(xiàn)的檢驗(yàn)身份證格式并輸出出生日期，年齡，性別，出生地,涉及javascript字符串遍歷、運(yùn)算、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
一個(gè)不錯(cuò)的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用
一個(gè)不錯(cuò)的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用...2007-03-03
bootstrap 下拉多選框進(jìn)行多選傳值問題代碼分析
項(xiàng)目開發(fā)遇到個(gè)問題，就是引入bootstrap下拉多選框進(jìn)行多選的時(shí)候，用form表單提交到后臺(tái)，獲取不到多選的值，只能獲取的選擇的第一個(gè)值，怎么回事呢？下面小編給大家分析下bootstrap 下拉多選框進(jìn)行多選傳值問題，一起看看吧2017-02-02
由于現(xiàn)在的很多用戶的分辨率問題，導(dǎo)致很多廣告會(huì)遮擋內(nèi)容或者對于不同分辨率的用戶不同的css樣式，就可以參考下面的代碼2013-07-07
前端小知識(shí)之??=?操作符更簡潔的默認(rèn)值處理方式
這篇文章主要介紹了前端小知識(shí)之??=?操作符更簡潔的默認(rèn)值處理方式的相關(guān)資料,??=操作符是JavaScript中用于設(shè)置默認(rèn)值的新操作符,它僅在變量值為null或undefined時(shí)才賦值,需要的朋友可以參考下2024-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滾動(dòng)條功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了微信小程序生成分享海報(bào)方法（附帶二維碼生成），文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JS實(shí)現(xiàn)的簡單四則運(yùn)算計(jì)算器功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的簡單四則運(yùn)算計(jì)算器功能,涉及javascript事件響應(yīng)及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
下面小編就為大家?guī)硪黄猳nclick和onblur沖突問題的快速解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-04-04