DOM是什么意思
本文操作環(huán)境:Windows7系統(tǒng)、Dell G3電腦、HTML5版。
DOM就是文件對(duì)象模型,通過(guò)JavaScript代碼對(duì)頁(yè)面進(jìn)行重構(gòu)從而增強(qiáng)與頁(yè)面的交互性
本篇文章將要分享的是有關(guān)DOM的含義介紹,具有一定參考價(jià)值,希望對(duì)大家有所幫助。
DOM的含義:
DOM稱為文件對(duì)象模型(DocumentObjectModel,簡(jiǎn)稱DOM),是W3C組織推薦的處理可擴(kuò)展置標(biāo)語(yǔ)言的標(biāo)準(zhǔn)編程接口
DOM是HTML文檔的內(nèi)存中對(duì)象表示,它提供了使用JavaScript與網(wǎng)頁(yè)交互的方式。DOM是節(jié)點(diǎn)的層次結(jié)構(gòu)(或樹),其中document節(jié)點(diǎn)作為根。
實(shí)際上DOM是以面向?qū)ο蟮姆绞絹?lái)描述的文檔模型。DOM定義了表示和修改文檔所需的對(duì)象和這些對(duì)象的行為和屬性以及這些對(duì)象之間的關(guān)系。
通過(guò)JavaScript,我們可以重構(gòu)整個(gè)HTML文檔。比如添加、移除、改變或重排頁(yè)面上的項(xiàng)目。
要改變頁(yè)面上的某個(gè)東西,JavaScript就需要獲得對(duì)HTML文檔中所有元素進(jìn)行訪問(wèn)的入口。這個(gè)入口,連同對(duì)HTML元素進(jìn)行添加、移
動(dòng)、改變或移除的方法和屬性,都是通過(guò)文檔對(duì)象模型來(lái)獲得的(DOM)
例:
在JavaScript中獲取元素內(nèi)容最簡(jiǎn)單的方法就是通過(guò)innerHTML 屬性來(lái)獲取,所以在以下案例中我們可以通過(guò)innerHTML來(lái)獲取元素的文本內(nèi)容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="demo">Hello World!</p>
<script>
var demo=document.getElementById("demo").innerHTML;
document.write(demo);
</script>
</body>
</html>
登錄后復(fù)制
效果圖:
總結(jié):以上就是本篇文章的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)DOM屬性有所幫助。
【推薦課程:HTML教程、JavaScript教程】
以上就是DOM是什么意思的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注風(fēng)君子博客其它相關(guān)文章!
總結(jié)
- 上一篇: 恋与制作人主线关卡是什么
- 下一篇: 苹果xs max防水吗