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

資訊專欄INFORMATION COLUMN

【JavaScript】DOM之Node對象

Jeffrrey / 2404人閱讀

摘要：對象對象是什么該對象封裝的底層對象，該對象只是提供了操作屬性和方法，并不能直接打印操作屬性和方法定位月面元素其實(shí)就是對象為元素節(jié)點(diǎn)繼承鏈關(guān)系對象繼承與對象判斷節(jié)點(diǎn)類型以，和用于獲取節(jié)點(diǎn)名稱和節(jié)點(diǎn)類型還有節(jié)點(diǎn)的值按鈕新按鈕遍歷節(jié)點(diǎn)獲取父節(jié)點(diǎn)

Node對象 Node對象是什么

該對象封裝DOM的底層對象，
該對象只是提供了操作屬性和方法，并不能直接打印操作屬性和方法
繼承鏈關(guān)系

Node對象繼承與EventTarget對象
判斷節(jié)點(diǎn)類型

以nodeName，nodeType和nodeValue用于獲取節(jié)點(diǎn)名稱和節(jié)點(diǎn)類型還有節(jié)點(diǎn)的值

body>
遍歷節(jié)點(diǎn) 獲取父節(jié)點(diǎn)

以parentNode屬性來獲取頁面中父節(jié)點(diǎn)



    
    
  • 單機(jī)游戲
    • 
    
  • 網(wǎng)絡(luò)游戲
    • 
    
  • 手機(jī)游戲
    •
獲取子節(jié)點(diǎn)

通過childNodes屬性來獲取頁面中所有的子節(jié)點(diǎn)
注意：childNode [s]
通過firstChind屬性來獲取頁面中第一個(gè)子節(jié)點(diǎn)
通過lastChind屬性來獲取頁面中最后一個(gè)子節(jié)點(diǎn)



    
    
  • 單機(jī)游戲
    • 
    
  • 網(wǎng)絡(luò)游戲
    • 
    
  • 手機(jī)游戲
    •
空白節(jié)點(diǎn)

瀏覽器解析頁面樹結(jié)構(gòu)，會(huì)產(chǎn)生空文本的空白節(jié)點(diǎn)，是由其換行引起的

獲取相鄰兄弟節(jié)點(diǎn)
通過以nextSibling屬性來獲取節(jié)點(diǎn)的后相鄰兄弟節(jié)點(diǎn)
插入節(jié)點(diǎn) appendChid()方法

指定子節(jié)點(diǎn)列表中最后增添個(gè)新子節(jié)點(diǎn)



    
    
  • 單機(jī)游戲
    • 
    
  • 網(wǎng)絡(luò)游戲
    • 
    
  • 手機(jī)游戲
    •
insertBefore()方法 


    
    
  • 鳴人
    • 
    
  • 佐助
    • 
    
  • 小櫻
    •
刪除節(jié)點(diǎn)

通過removeChild()方法來刪除在頁面中指定的節(jié)點(diǎn)
child參數(shù)表示要?jiǎng)h除的節(jié)點(diǎn)



    
    
  • 單機(jī)游戲
    • 
    
  • 網(wǎng)絡(luò)游戲
    • 
    
  • 手機(jī)游戲
    • 



  • 網(wǎng)頁游戲
    •
    替換節(jié)點(diǎn)

    通過removeChild()方法來替換在頁面中指定的節(jié)點(diǎn)
    oldChild參數(shù)表示要替換的節(jié)點(diǎn)

    

      
    
    • 單機(jī)游戲
      • 
    
    • 網(wǎng)絡(luò)游戲
      • 
    
    • 手機(jī)游戲
      • 

    

      
    
    • 鳴人
      • 
    
    • 佐助
      • 
    
    • 小櫻
      •
    復(fù)制節(jié)點(diǎn)

    通過cloneNode()方法來復(fù)制在頁面中指定的節(jié)點(diǎn)
    參數(shù)deep表示是否執(zhí)行深度克隆，如果為true，則會(huì)克隆該節(jié)點(diǎn)的所有后代節(jié)點(diǎn)
    如果為false，則會(huì)克隆節(jié)點(diǎn)本身
    textContent屬性

    是指在頁面中指定的節(jié)點(diǎn)和其后代節(jié)點(diǎn)的文本內(nèi)容

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

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

    相關(guān)文章

    • JavaScript 之 DOM [ Node對象 ]

      摘要：對象描述對象是用于解析節(jié)點(diǎn)樹的入口對象提供了對節(jié)點(diǎn)操作的屬性和方法判斷節(jié)點(diǎn)類型節(jié)點(diǎn)類型分為元素節(jié)點(diǎn)屬性節(jié)點(diǎn)文本節(jié)點(diǎn)文檔節(jié)點(diǎn)判斷方式分為節(jié)點(diǎn)名稱節(jié)點(diǎn)類型節(jié)點(diǎn)的值我是誰，我在那，我要干啥獲取指定元素節(jié)點(diǎn)判斷指定節(jié)點(diǎn)的名稱顯示標(biāo)簽名稱顯示 Node對象 描述 Node對象是用于解析DOM節(jié)點(diǎn)樹的入口 Node對象提供了對節(jié)點(diǎn)操作的屬性和方法 判斷節(jié)點(diǎn)類型 節(jié)點(diǎn)類型分為： 元素節(jié)點(diǎn) ...

      imtianx 評論0 收藏0

    • 瀏覽器內(nèi)核之 HTML 解釋器和 DOM 模型

      摘要：書接上文瀏覽器內(nèi)核之資源加載與網(wǎng)絡(luò)棧本文介紹的模型之后，深入的核心部分，剖析的解釋器是如何將從網(wǎng)絡(luò)或者本地文件獲取的字節(jié)流轉(zhuǎn)成內(nèi)部表示的結(jié)構(gòu)樹。事件處理最重要就是事件捕獲和事件冒泡這兩種機(jī)制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公眾號(hào)：愛寫bugger的阿拉斯加如有問題或建議，請后臺(tái)留言，我...

      Carbs 評論0 收藏0

    • 讀 Zepto 源碼之操作 DOM

      摘要：輔助方法這個(gè)方法遞歸遍歷的子節(jié)點(diǎn)，將節(jié)點(diǎn)交由回調(diào)函數(shù)處理。對集合進(jìn)行遍歷，調(diào)用方法，如果為函數(shù)，則將回調(diào)函數(shù)返回的結(jié)果作為參數(shù)傳給否則，如果為，則將也即包裹元素的副本傳給，否則直接將傳給。 這篇依然是跟 dom 相關(guān)的方法，側(cè)重點(diǎn)是操作 dom 的方法。 讀Zepto源碼系列文章已經(jīng)放到了github上，歡迎star: reading-zepto 源碼版本 本文閱讀的源碼為 zepto...

      beita 評論0 收藏0

    • 【進(jìn)階1-5期】JavaScript深入之4類常見內(nèi)存泄漏及如何避免

      摘要：本期推薦文章類內(nèi)存泄漏及如何避免，由于微信不能訪問外鏈，點(diǎn)擊閱讀原文就可以啦。四種常見的內(nèi)存泄漏劃重點(diǎn)這是個(gè)考點(diǎn)意外的全局變量未定義的變量會(huì)在全局對象創(chuàng)建一個(gè)新變量，如下。因?yàn)槔习姹镜氖菬o法檢測節(jié)點(diǎn)與代碼之間的循環(huán)引用，會(huì)導(dǎo)致內(nèi)存泄漏。 （關(guān)注福利，關(guān)注本公眾號(hào)回復(fù)[資料]領(lǐng)取優(yōu)質(zhì)前端視頻，包括Vue、React、Node源碼和實(shí)戰(zhàn)、面試指導(dǎo)） 本周正式開始前端進(jìn)階的第一期，本周的主題...

      red_bricks 評論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

    發(fā)表評論

    0條評論

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