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