成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Node對象的一些方法

phpmatt / 827人閱讀

摘要：對象是什么提供了的標(biāo)準(zhǔn)規(guī)范提供了對象，該對象主要提供了解析節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法，樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為節(jié)點(diǎn)樹結(jié)構(gòu)。對象時(shí)繼承于對象的，是一個(gè)用于接受時(shí)間的對象。對象和對象是繼承于對象的。

Node對象是什么提供了

DOM的標(biāo)準(zhǔn)規(guī)范提供了Node對象，該對象主要提供了解析DOM節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法，DOM樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為DOM節(jié)點(diǎn)樹結(jié)構(gòu)。Node對象是解析DOM節(jié)點(diǎn)樹結(jié)構(gòu)的主要入口。

Node對象時(shí)繼承于EventTarget對象的，EventTarget是一個(gè)用于接受時(shí)間的對象。

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

判斷節(jié)點(diǎn)類型
遍歷節(jié)點(diǎn) 獲取父節(jié)點(diǎn)與父元素節(jié)點(diǎn)

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

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

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



    
    
  • 蘋果
    • 
    
  • 小米
    • 
    
  • 錘子
    •
空白節(jié)點(diǎn)

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

// 創(chuàng)建對象 - 專門用于封裝解決空白節(jié)點(diǎn)問題
var myTools = {
    // 解決獲取其所有子節(jié)點(diǎn)childNodes屬性的問題
    childNodes : function(parentNode){
        var children = parentNode.childNodes;
        var arr = [];
        for (var i=0; i
獲取子節(jié)點(diǎn)

通過html頁面中置頂元素查找其子節(jié)點(diǎn)，通過Node對象的屬性實(shí)現(xiàn)：



childNodes：獲取指定節(jié)點(diǎn)的所有子節(jié)點(diǎn)


firstChild：獲取指定節(jié)點(diǎn)的第一個(gè)子節(jié)點(diǎn)


lastChild：獲取指定節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)





    
    
  • 蘋果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





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


proviousSibling:獲取指定節(jié)點(diǎn)的相鄰兄弟節(jié)點(diǎn)


nextSibling：獲取指定節(jié)點(diǎn)的后面相鄰節(jié)點(diǎn)





    
    
  • 蘋果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





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



    
    
  • 蘋果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





刪除節(jié)點(diǎn)

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




    
    
  • 蘋果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 



  • 爆米花
    • 


    
替換節(jié)點(diǎn)

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

    

      
    
    • 化物語
      • 
    
    • 偽物語
      • 
    
    • 貓物語
      • 

    

      
    
    • 燃盡人間色
      • 
    
    • 東進(jìn)不太熱
      • 
    
    • 提燈照河山
      • 

    


    
復(fù)制節(jié)點(diǎn)

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

    

    白衣渡我
    


    
textContent屬性、innerText屬性

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

    

    提燈照河山

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

    轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97208.html

    相關(guān)文章

    • Node對象的一些方法

      摘要：對象是什么提供了的標(biāo)準(zhǔn)規(guī)范提供了對象，該對象主要提供了解析節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法，樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為節(jié)點(diǎn)樹結(jié)構(gòu)。對象時(shí)繼承于對象的，是一個(gè)用于接受時(shí)間的對象。對象和對象是繼承于對象的。 Node對象是什么提供了 DOM的標(biāo)準(zhǔn)規(guī)范提供了Node對象，該對象主要提供了解析DOM節(jié)點(diǎn)樹結(jié)構(gòu)的屬性和方法，DOM樹結(jié)構(gòu)主要是依靠節(jié)點(diǎn)進(jìn)行解析，稱為DOM節(jié)點(diǎn)樹結(jié)構(gòu)。Node對象是解...

      jsyzchen 評論0 收藏0

    • Node.js隨手筆記（一）：node簡介與模塊系統(tǒng)

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

      TNFE 評論0 收藏0

    • JavaScript中DOM的層次節(jié)點(diǎn)（一）

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

      leap_frog 評論0 收藏0

    • 《JavaScript 闖關(guān)記》之 DOM（上）

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

      mzlogin 評論0 收藏0

    • 對MVVM架構(gòu)的一些理解

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

      Muninn 評論0 收藏0

    發(fā)表評論

    0條評論

    最新活動(dòng)
    閱讀需要支付1元查看
    <