資訊專欄INFORMATION COLUMN
摘要：是一個是一個我們放在里面的文字也是一個再來看一張抽象了的圖上面這張圖，表示了等的繼承關系。所以其實這個時候應該就很清楚它們之間的關系了。每一個都會有一個的變量來標識它是哪一種類型的。例如下圖所示到此為止，我們應該弄清楚，以及的相關概念了。
先看一段最簡單的HTML代碼：
Document Example
An HTML Document
Text
它的DOM結構可以表示成：
整個是一個樹狀結構，在樹狀圖里面是不是有個“節點”，也就是‘node’的概念？
是的，圖中的每一個框框就是一個Node對象。"...."是一個node, "
里面的文字"Text"也是一個node.
再來看一張抽象了的圖：
上面這張圖，表示了Node, Element, HTMLElment等的繼承關系。所以其實這個時候應該就很清楚它們之間的關系了。Document, Element都是不同類型的node, HTMLElment又是一種類型的Element, 而我們最熟悉的HTMLDivElment, HTMLInputElement等都是不同類型的HTMLElment.
接下來看一張圖，圖片來自MDN
圖上的常量都是定義在Node類上的，所以可以直接通過Node.DOCUMENT_NODE引用。每一個node都會有一個nodeType的變量來標識它是哪一種類型的node。例如下圖所示：
到此為止，我們應該弄清楚node，Node以及HTMLElement的相關概念了。
ps: 文章里把Node叫做‘類’，只是為了更好的理解它的概念，因為在在es6之前，ECMAScript并沒有‘Class’這個東西。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/83561.html
摘要：針對類似于對象，那就是返回包含此節點的子節點的對象。當兩個元素之間有空格的時候，即使沒有寫入文字，但是依然會有一個節點。返回該節點的前一個和后一個兄弟節點。返回此元素的去除空格元素的的子節點個數并沒有一個對于的與它對應。 首先把，接下來用于測試的html先貼出來： item list book 1 book 2 ...
摘要：原文發布在我的獨立博客上從選擇器的返回值說起拋開大大解放生產力的，使用獲取元素要使用方法，或類似的，第一種情況下，根據獲取時，返回值是唯一的元素而根據等獲取時候，返回值是包含所有符合條件的多個元素的列表。 原文發布在我的獨立博客上 ~： 從DOM選擇器的返回值說起 拋開大大解放生產力的jQuery，使用JS獲取元素要使用getElementById方法，或類似的getElem...
摘要：是針對和文檔的一個，描繪了一個層次化的節點樹，允許開發人員添加修改刪除節點的一部分。類型級定義了接口，該接口由中的所有節點類型實現。添加的這些屬性分別對應于每個元素中都存在的下列標準特性。 DOM是針對HTML和XML文檔的一個API，描繪了一個層次化的節點樹，允許開發人員添加、修改、刪除節點的一部分。 DOM將HTML和XML文檔描繪成一個有多個節點構成的結構，節點分為12種不同的...
摘要：前言本篇文章以介紹常見的節點知識元素操作方法為目的，其中也對一些比較容易忽略的問題進行簡要說明。此外，還有一些方式可以獲得相關的元素節點。利用字符串拼接使用字符串拼接的方法插入元素是效率最高的。 前言 本篇文章以介紹常見的DOM節點知識、DOM元素操作方法為目的，其中也對一些比較容易忽略的問題進行簡要說明。才疏學淺，如有紕漏之處或建議歡迎留下評論。 Node節點 首先，簡單看看Node...
摘要：定義是一個由可以接收事件的對象實現的接口，并且可以為它們創建偵聽器。重點分割線只有通過上面的繼承關系，我們得到的元素才是一個完整的對象，我們才能為它設置獲取屬性綁定事件添加樣式類等操作。 寫在前面，本文將同步發布于Blog、掘金、segmentfault、知乎等處，如果本文對你有幫助，記得為我得到我的個人技術博客項目給個star哦。 為何寫這篇文章？ 你可能做Web開發已經有一段時間，...
閱讀 1687·2021-11-19 09:40
閱讀 2940·2021-09-24 10:27
閱讀 3229·2021-09-02 15:15
閱讀 1889·2019-08-30 15:54
閱讀 1213·2019-08-30 15:54
閱讀 1379·2019-08-30 13:12
閱讀 643·2019-08-28 18:05
閱讀 2812·2019-08-27 10:53
