科技知識動態:DOM是什么意思

導讀跟大家講解下有關DOM是什么意思,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說DOM是什么意思,小編也收集到了有關DOM是什

跟大家講解下有關DOM是什么意思,相信小伙伴們對這個話題應該也很關注吧,現在就為小伙伴們說說DOM是什么意思,小編也收集到了有關DOM是什么意思的相關資料,希望大家看到了會喜歡。

DOM的英文全稱是DocumentObjectModel,表示文件對象模型,是W3C組織推薦的處理可擴展置標語言的標準編程接口;DOM是HTML文檔的內存中對象表示,它提供了使用JavaScript與網頁交互的方式。

本文操作環境:Windows7系統、Dell G3電腦、HTML5版。

DOM就是文件對象模型,通過JavaScript代碼對頁面進行重構從而增強與頁面的交互性

本篇文章將要分享的是有關DOM的含義介紹,具有一定參考價值,希望對大家有所幫助。

DOM的含義:

DOM稱為文件對象模型(DocumentObjectModel,簡稱DOM),是W3C組織推薦的處理可擴展置標語言的標準編程接口

DOM是HTML文檔的內存中對象表示,它提供了使用JavaScript與網頁交互的方式。DOM是節點的層次結構(或樹),其中document節點作為根。

實際上DOM是以面向對象的方式來描述的文檔模型。DOM定義了表示和修改文檔所需的對象和這些對象的行為和屬性以及這些對象之間的關系。

通過JavaScript,我們可以重構整個HTML文檔。比如添加、移除、改變或重排頁面上的項目。

要改變頁面上的某個東西,JavaScript就需要獲得對HTML文檔中所有元素進行訪問的入口。這個入口,連同對HTML元素進行添加、移

動、改變或移除的方法和屬性,都是通過文檔對象模型來獲得的(DOM)

例:

在JavaScript中獲取元素內容最簡單的方法就是通過innerHTML 屬性來獲取,所以在以下案例中我們可以通過innerHTML來獲取元素的文本內容

<!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>

效果圖:

總結:以上就是本篇文章的全部內容了,希望對大家學習DOM屬性有所幫助。

【推薦課程:HTML教程、JavaScript教程】

以上就是DOM是什么意思的詳細內容,更多請關注php中文網其它相關文章!

來源:php中文網

免責聲明:本文由用戶上傳,如有侵權請聯系刪除!