亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

Node對(duì)象的一些方法

jsyzchen / 1431人閱讀

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

Node對(duì)象是什么提供了

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

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

Document對(duì)象和Element對(duì)象是繼承于Node對(duì)象的。

判斷節(jié)點(diǎn)類(lèi)型
遍歷節(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)



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

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

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

通過(guò)html頁(yè)面中置頂元素查找其子節(jié)點(diǎn)，通過(guò)Node對(duì)象的屬性實(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)





    
    
  • 蘋(píng)果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





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


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


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





    
    
  • 蘋(píng)果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





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



    
    
  • 蘋(píng)果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 





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

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




    
    
  • 蘋(píng)果
    • 
    
  • 小米
    • 
    
  • 錘子
    • 



  • 爆米花
    • 


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

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

    

      
    
    • 化物語(yǔ)
      • 
    
    • 偽物語(yǔ)
      • 
    
    • 貓物語(yǔ)
      • 

    

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

    


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

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

    

    白衣渡我
    


    
textContent屬性、innerText屬性

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

    

    提燈照河山

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

    轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/52943.html

    相關(guān)文章

    • Node對(duì)象的一些方法

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

      phpmatt 評(píng)論0 收藏0

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

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

      TNFE 評(píng)論0 收藏0

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

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

      leap_frog 評(píng)論0 收藏0

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

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

      mzlogin 評(píng)論0 收藏0

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

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

      Muninn 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

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