JavaScript - DOM - Document對象

Jason_Geng 發布于2019-08-23 11:32 / 2790人閱讀

摘要：對象時繼承與的對象是繼承于繼承于定位頁面元素對象提供了屬性和方法實現頁面元素定位功能，這也是規范中對象的主要應用之一。

如何在HTML使用JavaScript

DOM DOM是什么

DOM是Document Object Model的縮寫，譯為文檔對象模型

DOM是一個獨立于任何語言和平臺的接口，允許任何語言或者腳本動態的訪問和更新HTML文檔的內容、- 結構和樣式。該HTML頁面會進一步處理，并且該處理的結果可以被合并到呈現的HTML頁面中。

DOM被設計用于解析HTML頁面文檔，方便JavaScript語言通過DOM訪問和操作HTML頁面中的內容。

Document對象 Document對象是什么

Document對象時DOM中標準規范中比較重要的對象之一，該對象提供了訪問和更新HTML頁面內容的屬性和方法。Document對象提供的屬性和方法，可以實現定位HTML頁面中的元素，或者創建新的元素等功能。




    
    Title

document對象的繼承鏈

Document對象是繼承于Node對象的，Node對象也是DOM標準規范中非常重要而的對象之一，Node對象又是繼承于EventTarge對象。




    
    Title

定位頁面元素

Document對象提供了屬性和方法實現頁面元素定位功能，這也是DOM規范中Document對象的主要應用之一。
Document對象提供實現頁面元素定位的方法具有以下幾種：

getElementById()方法：通過頁面元素的id屬性值定位元素

getElementsByName()方法：通過頁面的name屬性定位元素

getElementsByTagName()方法：通過頁面元素的元素名定位元素

getElementsByClassName()方法：通過頁面元素的class屬性值定位元素

querySelector()方法：通過CSS選擇器定位第一個匹配的元素

querySelectorAll()方法：通過CSS選擇器定位所有匹配的元素

getElementById()方法

由于id屬性是唯一的，所以通過這種方法定位的HTML元素也是唯一的

getElementsByName()方法

getElementsByGayName()方法

getElementsByClassName()方法

CSS選擇器定位元素

節點集合NodeList

NodeList是一組元素節點的集合，每個節點具有索引值（從0開始，類似于數組），分為動態和靜態兩種

動態NodeList：如果文檔中的節點樹發生變化，則已存在的NodeList對象也發生變變化

getElementsByByName
getElementsByTagName
getElementsByClassName

靜態NodeList：文檔對象模型的任何改變都不會影響集合的內容

定位頁面的元素屬性

Document對象提供了一些屬性，定位HTML頁面的比較特殊的元素

創建也變元素 創建元素節點

Document對象提供了createElement()方法創建元素節點

創建文本節點

Document對象提供了createTextNode()方法創建文本節點

創建屬性節點

Document對象提供了createAtrribute()方法創建屬性節點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97101.html

初識DOM

摘要：標識，就是將頁面解析為一個文檔。標識，就是中表示各個對象之間的關系。的標準由于的標準規范是由組織起草并定義的，所以對的定義是目前最權威的解釋。兄弟關系具有相同父級元素的兩個或幾個元素之間的兄弟關系。是返回值，表示定位元素的集合，是一個集合。如何使用JavaScript script元素元素元素用于在HTML頁面中嵌入或引入JavaScript腳本代碼。該元素默認被定義在元素中。t...

史占廣 2019-08-29 16:31 評論0 收藏0
初識DOM

摘要：標識，就是將頁面解析為一個文檔。標識，就是中表示各個對象之間的關系。的標準由于的標準規范是由組織起草并定義的，所以對的定義是目前最權威的解釋。兄弟關系具有相同父級元素的兩個或幾個元素之間的兄弟關系。是返回值，表示定位元素的集合，是一個集合。如何使用JavaScript script元素元素元素用于在HTML頁面中嵌入或引入JavaScript腳本代碼。該元素默認被定義在元素中。t...

qpal 2019-08-02 16:31 評論0 收藏0
初識DOM

摘要：標識，就是將頁面解析為一個文檔。標識，就是中表示各個對象之間的關系。的標準由于的標準規范是由組織起草并定義的，所以對的定義是目前最權威的解釋。兄弟關系具有相同父級元素的兩個或幾個元素之間的兄弟關系。是返回值，表示定位元素的集合，是一個集合。如何使用JavaScript script元素元素元素用于在HTML頁面中嵌入或引入JavaScript腳本代碼。該元素默認被定義在元素中。t...

Coding01 2019-08-23 11:31 評論0 收藏0
談談瀏覽器里的JavaScript

摘要：而與最大的區別在于與瀏覽器溝通的窗口，不涉及網頁內容。完全依賴于瀏覽器廠商實作本身無標準規范，而有著所制定的標準來規范。而透過選取出來的節點，我們可以通過操作屬性來變更它的文字。在許多的網頁前端教學或是文章書籍當中，你可能常常聽到這樣的說法：「HTML、CSS 與JavaScript 是網頁前端三大要素」，其中： HTML 負責資料與結構 CSS 負責樣式與呈現 JavaScript 負責...

CastlePeaK 2019-05-23 17:32 評論0 收藏0
原生JS操作DOM

摘要：能夠改變頁面中的所有元素能夠改變頁面中的所有屬性能夠改變頁面中的所有樣式能夠對頁面中的所有事件做出反應我們需要通過操作元素，查找這些元素有三種方法通過查找通過標簽名查找通過類名查找允許改變元素的內容。，如使有能力對事件做出反應。通過html dom可以訪問javascript html文檔的所有元素。當網頁被加載時，瀏覽器會創建頁面的文檔對象模型（Document Object Mo...

anRui 2019-08-20 14:49 評論0 收藏0