想理解DOM到底是什么?看這里
????????概述:提供學習DOM的學習方法,以及DOM的是什么。
????????【學習目標】:理解DOM的概念? ?(文檔對象模型 document object model)?
????????【學習方法】:顧名思義
????????【開始學習】:d是doucument(文檔)? ? ? ? ? o是object (對象)? ? ? ? ?m是model (模型)
????????【思考問題】:什么是文檔?? ? ? ? ? ? ? ? ? ? ? ?什么是對象????????????????????什么是模型?
------------------------------------------------------------------------------------------------------------------------------------
????????文檔:document(文檔)
????????1.我們在生活當中的文檔是什么?你的檔案袋里放的學籍卡?簡歷?各種各樣的都是文檔,文檔的特點是有結構。例如:標題、正文、段落、結尾等。
????????2.而在編程語言中,文檔的含義是指由標記語言寫出的擁有結構的代碼。
? ? ? ?【總結】:文檔就是html代碼(這里HTML是泛指,理解含義就好,也可以理解成任何在瀏覽其頁面上用于展示結構的語言)。
------------------------------------------------------------------------------------------------------------------------------------
????????對象:object(對象)
????????1.先引入類的概念。
????????類是對某一種事物的描述,比如我們面對面對話,我對你說:“你的帽子真好看!”,此時帽子這個詞就是一個類,因為帽子有各種的樣式,各種的顏色,他只是一個具體事物,具體的東西,具體物品的統稱。而所謂的具體事物,就是你此時戴的帽子。然而在我描述這個帽子的時候,他依然是一個概念,只要沒有實例化(具象成一個實體),他就是一個類。
? ? ? ? ?2.對象是什么,應該清楚了,就是把一個概念的東西,變出來,成為一個真實的東西。而在計算機中的對象,其實就是相當于某個程序運行起來,在內存中真真正正的占用一部分空間的“實體”。
------------------------------------------------------------------------------------------------------------------------------------
? ? ? ? ?模型:Model(模型)
? ? ? ? 如果說現在你手里有一個工具箱,里面全部是修自行車的工具。那么這些工具是什么?答案顯而易見,就是上面說到的對象。
????????我拿著其中一個工具問你,這是什么?你回答我:這是扳手(扳手對象)!對的,是扳手對象,平時講話的時候會省略了兩個字,對象。
????????當我拿著工具箱問你,這是什么?你回答我:工具箱對象?我說:對,也不對。這是工具的模型。為啥工具箱就不是對象了呢,其實工具箱是一個對象,因為他是實體,但是因為此處的用處不同,我們通常會說,這是一個模型。因為他裝著眾多的工具。因為主要的用途不同,導致了說法的不一致。
------------------------------------------------------------------------------------------------------------------------------------?
????????【總結和思考】DOM是什么?
????????? 答:在js這個語言中,語言的創作者幫助我們創造出了很多好用的工具,其中一個,就是專門用于操作文檔對象的模型——DOM。
?------------------------------------------------------------------------------------------------------------------------------------??
【注】:在文檔中(常見的HTML和XML),每一個節點(標簽)都是一個對象,js提供了對這些對象訪問和操作方法。所以DOM的衍伸含義也可以說是對節點對象的操作。
【節點劃分】:整個文檔是一個文檔節點,每個 HTML 元素是元素節點,HTML 元素內的文本是文本節點,每個 HTML 屬性是屬性節點,注釋是注釋節點。具體可以看w3c的結構劃分。
【PS】:進行到此處還不懂嗎?那么再去理解一下最開始的三個問題,什么是文檔,什么是對象。
2016-01-11
謝謝分享
2022-03-24
elseif($sex==quot;女quot;);{這多了個;號你的條件結構就結束了,后面的代碼就只按順序翻譯出來了所就結果就是2300知道怎么解決么
2018-03-19
非常的清晰。閱讀的時候一下就抓住了核心。謝了。。。。
2016-06-08
內容亂也就算了 ?排版更亂 不能忍
2016-05-27
可以觀察Html中有三種不同的部分:元素、文本和節點,任何復雜的改造(不管多少嵌套)最終都可以轉化為這三種類型,理解為數學上的一種分類。分類之后才好去處理。Dom只不過是其中的一種處理方法,處理的結果就是把復雜的標簽內容轉化為一顆Dom樹,然后根據這個樹,就可以隨意操作元素、文本和節點。
Dom的優勢就是可以將標簽轉化為一顆Dom樹,根據這個樹可以看到所有的標簽的關系,直觀、清晰;但缺點也在此,必須在每次操作前都要形成一整棵樹,會造成性能上的損失。個人拙見。
2016-04-25
以為自己很懂?
2016-04-24
這個B裝的我給你103分,多一分關心多一分理解剩下一分是大家對你滿滿的父愛
2016-04-21
HTML DOM 定義了所有 HTML 元素的對象和屬性,以及訪問它們的方法。
換言之,HTML DOM 是關于如何獲取、修改、添加或刪除 HTML 元素的標準
2016-04-13
好像看不懂
2016-04-03
寫的什么亂七八糟的。。。