Node對象的一些方法

jsyzchen 發布于2019-08-02 11:22 / 1379人閱讀

摘要：對象是什么提供了的標準規范提供了對象，該對象主要提供了解析節點樹結構的屬性和方法，樹結構主要是依靠節點進行解析，稱為節點樹結構。對象時繼承于對象的，是一個用于接受時間的對象。對象和對象是繼承于對象的。

Node對象是什么提供了

DOM的標準規范提供了Node對象，該對象主要提供了解析DOM節點樹結構的屬性和方法，DOM樹結構主要是依靠節點進行解析，稱為DOM節點樹結構。Node對象是解析DOM節點樹結構的主要入口。

Node對象時繼承于EventTarget對象的，EventTarget是一個用于接受時間的對象。

Document對象和Element對象是繼承于Node對象的。

判斷節點類型

遍歷節點 獲取父節點與父元素節點

父節點與父元素節點的區別

parentNode：獲取指定節點的父節點，其父節點不一定是元素節點

parentElement：獲取指定元素的父元素節點，其父節點必須是元素節點



    蘋果
    小米
    錘子

空白節點

主流瀏覽器瀏覽器解析HTML頁面內容為DOM節點樹結構時，由于HTML中的源代碼換行，會產生空文本的空白節點。

// 創建對象 - 專門用于封裝解決空白節點問題
var myTools = {
    // 解決獲取其所有子節點childNodes屬性的問題
    childNodes : function(parentNode){
        var children = parentNode.childNodes;
        var arr = [];
        for (var i=0; i
獲取子節點
通過html頁面中置頂元素查找其子節點，通過Node對象的屬性實現：

childNodes：獲取指定節點的所有子節點
firstChild：獲取指定節點的第一個子節點
lastChild：獲取指定節點的最后一個子節點



    蘋果
    小米
    錘子



獲取相鄰兄弟節點

proviousSibling:獲取指定節點的相鄰兄弟節點
nextSibling：獲取指定節點的后面相鄰節點



    蘋果
    小米
    錘子



插入節點
Node對象的appendChild()方法可以向指定節點的子節點列表的最后添加一個新的子節點


    蘋果
    小米
    錘子



刪除節點
Node對象提供了removeChild()刪除指定節點


    蘋果
    小米
    錘子

爆米花


替換節點
Node對象提供了replaceChild()方法用于替換節點


    化物語
    偽物語
    貓物語


    燃盡人間色
    東進不太熱
    提燈照河山



復制節點
Node對象提供了cloneNode()方法實現節點復制功能

白衣渡我


textContent屬性、innerText屬性
通過textContent屬性可以獲取和修改節點及其后代的文本屬性
IE引入的innerText屬性，類似于textContent，但有一定的區別。

提燈照河山

云服務器 GPU云服務器數據分析的一些方法建立對象的方法 response對象的方法 window對象的方法

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

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

Node對象的一些方法

摘要：對象是什么提供了的標準規范提供了對象，該對象主要提供了解析節點樹結構的屬性和方法，樹結構主要是依靠節點進行解析，稱為節點樹結構。對象時繼承于對象的，是一個用于接受時間的對象。對象和對象是繼承于對象的。 Node對象是什么提供了 DOM的標準規范提供了Node對象，該對象主要提供了解析DOM節點樹結構的屬性和方法，DOM樹結構主要是依靠節點進行解析，稱為DOM節點樹結構。Node對象是解...

phpmatt 2019-08-23 11:36 評論0 收藏0
Node.js隨手筆記（一）：node簡介與模塊系統

摘要：模塊系統為了讓的文件可以相互調用，提供了一個簡單的模塊系統。但是，沒有模塊系統。包管理簡稱，是隨同一起安裝的包管理工具。輸入命令，根據提示配置包的相關信息，生成相應的。以上所描述的模塊載入機制均定義在模塊之中。 Node.js簡介首先從名字說起，網上查閱資料的時候會發現關于node的寫法五花八門，到底哪一種寫法最標準呢？遵循官方網站的說法，一直將項目稱之為Node或者Node.js。...

TNFE 2019-08-23 11:25 評論0 收藏0
JavaScript中DOM的層次節點（一）

摘要：是針對和文檔的一個，描繪了一個層次化的節點樹，允許開發人員添加修改刪除節點的一部分。類型級定義了接口，該接口由中的所有節點類型實現。添加的這些屬性分別對應于每個元素中都存在的下列標準特性。 DOM是針對HTML和XML文檔的一個API，描繪了一個層次化的節點樹，允許開發人員添加、修改、刪除節點的一部分。 DOM將HTML和XML文檔描繪成一個有多個節點構成的結構，節點分為12種不同的...

leap_frog 2019-08-19 17:19 評論0 收藏0
《JavaScript 闖關記》之 DOM（上）

摘要：節點之間的關系構成了層次，而所有頁面標記則表現為一個以特定節點為根節點的樹形結構。此外，包含在列表中的每個節點相互之間都是同胞節點。在瀏覽器中，對象是繼承自類型的一個實例，表示整個頁面。 DOM（文檔對象模型）是針對 HTML 和 XML 文檔的一個 API。DOM 描繪了一個層次化的節點樹，允許開發人員添加、移除和修改頁面的某一部分。節點層次 DOM 可以將任何 HTML 或 XM...

mzlogin 2019-08-20 12:17 評論0 收藏0
對MVVM架構的一些理解

MVVM（Model-View-ViewModel)是在MVC(Model-View-Control)模式之后引出的新的開發模式，他與MVC模式一樣用于把視圖（界面）和數據進行解耦，不同的是采用ViewModel來完成數據與視圖的雙向綁定，通過自動化的方式承擔大部分數據工作，來解決由于界面復雜化和快速迭代帶來的問題。由于現在vue比較火，現在就用vue相同的原理（屬性劫持）來完成一個簡單MVVM...

Muninn 2019-08-22 16:58 評論0 收藏0