Node對象的一些方法

phpmatt 發(fā)布于2019-08-23 11:36 / 864人閱讀

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

Node對象是什么提供了

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

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

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

判斷節(jié)點類型

遍歷節(jié)點 獲取父節(jié)點與父元素節(jié)點

父節(jié)點與父元素節(jié)點的區(qū)別

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

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



    蘋果
    小米
    錘子

空白節(jié)點

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

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

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



    蘋果
    小米
    錘子



獲取相鄰兄弟節(jié)點

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



    蘋果
    小米
    錘子



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


    蘋果
    小米
    錘子



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


    蘋果
    小米
    錘子

爆米花


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


    化物語
    偽物語
    貓物語


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



復制節(jié)點
Node對象提供了cloneNode()方法實現(xiàn)節(jié)點復制功能

白衣渡我


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

提燈照河山

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

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

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/97208.html

Node對象的一些方法

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

jsyzchen 2019-08-02 11:22 評論0 收藏0
Node.js隨手筆記（一）：node簡介與模塊系統(tǒng)

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

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

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

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

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

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

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

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