淺談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ān)于echarts中tooltip添加點擊事件的相關(guān)資料,echarts tooltip點擊事件是指當(dāng)用戶點擊圖表中的提示框(tooltip)時觸發(fā)的事件,需要的朋友可以參考下2023-07-07
這篇文章主要為大家詳細介紹了原生js實現(xiàn)九宮格拖拽換位，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
JS實現(xiàn)點擊顏色塊切換指定區(qū)域背景顏色的方法
這篇文章主要介紹了JS實現(xiàn)點擊顏色塊切換指定區(qū)域背景顏色的方法,涉及javascript操作cookie及背景色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
通常在開發(fā)測試環(huán)節(jié)，一些資源圖片會出現(xiàn)防盜鏈的錯誤提示，本文就通過前端基礎(chǔ)技術(shù)，實現(xiàn)基本的圖片跨站顯示效果，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-09-09
這篇文章主要為大家詳細介紹了微信小程序數(shù)據(jù)存儲與取值的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯
這篇文章主要介紹了基于JS實現(xiàn)彈出一個隱藏的div窗口body頁面變成灰色并且不可被編輯的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細介紹了javascript實現(xiàn)計算器功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
JavaScript修改CSS有4種方法：1.修改節(jié)點style（內(nèi)聯(lián)樣式）；2.改變節(jié)點class或id；3.寫入新的css；4.替換頁面中的樣式表。今天主要給大家介紹下前2種，因為后兩種個人不是很推薦大家使用2015-05-05
javascript addLoadEvent函數(shù)說明
網(wǎng)頁加載完整后會觸發(fā)一個onload事件，默認(rèn)地一個事件只能和一個函數(shù)綁定。2010-01-01
Javascript實現(xiàn)獲取窗口的大小和位置代碼分享
這篇文章主要分享了一段Javascript實現(xiàn)獲取窗口的大小和位置代碼，兼容性非常好，這里推薦給大家2014-12-12