DOM就是Html頁(yè)面的模型，將每個(gè)標(biāo)簽都做為一個(gè)對(duì)象，JavaScript通過(guò)調(diào)用DOM中的屬性、方法就可以對(duì)網(wǎng)頁(yè)中的文本框、層等元素進(jìn)行編程控制。比如通過(guò)操作文本框的DOM對(duì)象，就可以讀取文本框中的值、設(shè)置文本框中的值。

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)名來(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)容功能類(lè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)容了，希望大家能夠喜歡。

您可能感興趣的文章:

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