精产国品一区二区三产区,一区二区三区在线观看中文字幕

一、什么是dom0，dom1，dom2，dom3？

DOM 是用來訪問或操作HTML文檔、XHTML文檔、XML文檔中的節(jié)點元素。

現(xiàn)在基本上所有的瀏覽器都都執(zhí)行了W3C發(fā)布的DOM規(guī)范，所以在瀏覽器上就可以用DOM的這些API。

DOM的級別Level

DOM0：不是W3C規(guī)范。

DOM1：開始是W3C規(guī)范。專注于HTML文檔和XML文檔。

DOM2：對DOM1增加了樣式表對象模型

DOM3：對DOM2增加了內(nèi)容模型 (DTD 、Schemas) 和文檔驗證。

二、DOM 是什么？

牢記：站高一個維度去理解問題！

為了理解DOM，我們至少需要站在瀏覽器的角度來思考。

DOM概念本身很簡單，請先完全跟著我的思路來：

普通文檔（*.txt）和HTML/XML文檔（*.html/*.xml）的區(qū)別僅僅是因為后者是有組織的結(jié)構(gòu)化文件；
瀏覽器將結(jié)構(gòu)化的文檔以樹的數(shù)據(jù)結(jié)構(gòu)讀入瀏覽器內(nèi)存，并將每個樹的子節(jié)點定義為一個NODE（想象這顆樹，從根節(jié)點到葉子節(jié)點都被建模為一個NODE對象）；
這每個節(jié)點（NODE）都有自己的屬性（名稱、類型、內(nèi)容...）；
NODE之間有層級關(guān)系（parents、child、sibling...）；
以上已經(jīng)完成文檔的建模工作（將文檔內(nèi)容以樹形結(jié)構(gòu)寫入內(nèi)存），此時再編寫一些方法來操作節(jié)點（屬性和位置信息），即為NODE API。

抽象一下：

DOM是一種將HTML/XML文檔組織成對象模型的建模過程；
DOM建模重點在于如何解析HTML/XML文檔和開放符合DOM接口規(guī)范的節(jié)點操作API接口。

再抽象一下：

解析文檔，建模成對象模型，開放API接口。

最后：

DOM：Document Object Model 文檔對象模型

再回顧下整個過程，每個步驟都可以問自己幾個問題，比如：DOM到底是建模過程，還是最后建的那個模型，還是指操作節(jié)點的API接口呢，還是...？

以上是站在瀏覽器的角度思考DOM，你還可以站在瀏覽器設(shè)計人員、網(wǎng)頁編碼人員等角度考慮：

DOM跟JavaScript什么關(guān)系？

DOM很顯然誕生在瀏覽器，一開始是用JS實現(xiàn)的；
但隨著DOM本身的發(fā)展，已經(jīng)形成規(guī)范，你可以用任何一種語言比如Python來解析文檔，生成對像樹，只要滿足DOM標準，包括開放標準的操作接口，那你實現(xiàn)的就是一個DOM。

DOM開放的接口如何操作？

JS原生接口使用。
JQuery高緯度封裝如何使用。

至此，你應該明白了什么是DOM，甚至明白了為什么一開始不明白以后如何做，如何舉一反三，甚至還能看出一點如何建立體系化認知的影子。笑

牢記：站高一個維度去理解問題！

三、dom操作？

文檔對象模型( DOM, Document Object Model )主要用于對HTML和XML文檔的內(nèi)容進行操作。DOM描繪了一個層次化的節(jié)點樹，通過對節(jié)點進行操作，實現(xiàn)對文檔內(nèi)容的添加、刪除、修改、查找等功能。

一、DOM樹

DOM樹有兩種，分別為節(jié)點樹和元素樹。

節(jié)點樹：把文檔中所有的內(nèi)容都看成樹上的節(jié)點；

元素樹：僅把文檔中的所有標簽看成樹上的節(jié)點。

二、DOM常用操作

2.1 查找節(jié)點

document.getElementById('id屬性值');

返回擁有指定id的第一個對象的引用

document/element.getElementsByClassName('class屬性值');

返回擁有指定class的對象集合

document/element.getElementsByTagName('標簽名');

返回擁有指定標簽名的對象集合

document.getElementsByName('name屬性值');

返回擁有指定名稱的對象結(jié)合

document/element.querySelector('CSS選擇器');

僅返回第一個匹配的元素

document/element.querySelectorAll('CSS選擇器');

返回所有匹配的元素

document.documentElement

獲取頁面中的HTML標簽

document.body

獲取頁面中的BODY標簽

document.all['']

獲取頁面中的所有元素節(jié)點的對象集合型

2.2 新建節(jié)點

document.createElement('元素名');

創(chuàng)建新的元素節(jié)點

document.createAttribute('屬性名');

創(chuàng)建新的屬性節(jié)點

document.createTextNode('文本內(nèi)容');

創(chuàng)建新的文本節(jié)點

document.createComment('注釋節(jié)點');

創(chuàng)建新的注釋節(jié)點

document.createDocumentFragment( );

創(chuàng)建文檔片段節(jié)點

2.3 添加新節(jié)點

parent.appendChild( element/txt/comment/fragment );

向父節(jié)點的最后一個子節(jié)點后追加新節(jié)點

parent.insertBefore( newChild, existingChild );

向父節(jié)點的某個特定子節(jié)點之前插入新節(jié)點

element.setAttributeNode( attributeName );

給元素增加屬性節(jié)點

element.setAttribute( attributeName, attributeValue );

給元素增加指定屬性，并設(shè)定屬性值

四、dom格式？

dom是app文檔格式。

DOM一般指文檔對象模型。文檔對象模型（Document Object Model，簡稱DOM），是W3C組織推薦的處理可擴展置標語言的標準編程接口。它是一種與平臺和語言無關(guān)的應用程序接口(API),它可以動態(tài)地訪問程序和腳本,更新其內(nèi)容、結(jié)構(gòu)和www文檔的風格。

DOM是一種基于樹的API文檔，它要求在處理過程中整個文檔都表示在存儲器中。

五、dom解析？

DOM: 要求解析器將整個XML 文檔裝在到內(nèi)存, 并解析成一個 Document 對象.

a) . 優(yōu)點: 元素與元素之間保留結(jié)構(gòu)關(guān)系, 故可以進行增刪改查操作.

b) . 缺點: XML 文檔過大, 可能出現(xiàn)內(nèi)存溢出現(xiàn)象

解析器: 就是根據(jù)不同的解析方式提供的具體實現(xiàn), 有的解析器操作過于繁瑣, 為開發(fā)方便, 提供了易于操作的解析開發(fā)包。

六、dom詞根？

dom是Document Object Model縮寫，翻譯過來就是文檔對象模型

文檔對象模型（Document Object Model，簡稱DOM），是W3C組織推薦的處理可擴展置標語言的標準編程接口。它是一種與平臺和語言無關(guān)的應用程序接口(API),它可以動態(tài)地訪問程序和腳本,更新其內(nèi)容、結(jié)構(gòu)和www文檔的風格(HTML和XML文檔是通過說明部分定義的)。文檔可以進一步被處理，處理的結(jié)果可以加入到當前的頁面。

七、dom全稱？

八、虛擬dom與真實dom的區(qū)別？

1 虛擬dom是在操作真實dom的基礎(chǔ)上進行操作和渲染的，相較于真實dom來說更加輕量級、高效且易于維護。2 虛擬dom不需要直接操作真實dom，而是通過diff算法和批量操作等方式，將修改后的虛擬dom與之前的虛擬dom進行比對，最終僅對需要進行更新的真實dom節(jié)點進行操作，從而降低了dom操作的成本和頻率。3 使用虛擬dom可以提供更加流暢的用戶體驗，同時也能夠減輕大型web應用程序的服務(wù)器壓力。4 真實dom的操作屬于瀏覽器的原生操作，因此在某些場景下可能比虛擬dom更加高效，例如單頁面應用程序中復雜交互和低延遲等操作，但同時也會帶來更多的維護和優(yōu)化難度。