成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ Node對(duì)象 ]

imtianx / 3486人閱讀

摘要：對(duì)象描述對(duì)象是用于解析節(jié)點(diǎn)樹(shù)的入口對(duì)象提供了對(duì)節(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)的值我是誰(shuí)，我在那，我要干啥獲取指定元素節(jié)點(diǎn)判斷指定節(jié)點(diǎn)的名稱顯示標(biāo)簽名稱顯示

Node對(duì)象 描述

Node對(duì)象是用于解析DOM節(jié)點(diǎn)樹(shù)的入口

Node對(duì)象提供了對(duì)節(jié)點(diǎn)操作的屬性和方法

判斷節(jié)點(diǎn)類型

節(jié)點(diǎn)類型分為：

元素節(jié)點(diǎn)

屬性節(jié)點(diǎn)

文本節(jié)點(diǎn)

文檔節(jié)點(diǎn)

判斷方式分為：

nodeName - 節(jié)點(diǎn)名稱

nodeType - 節(jié)點(diǎn)類型

nodeValue - 節(jié)點(diǎn)的值



我是誰(shuí)，我在那，我要干啥
獲取父節(jié)點(diǎn)

通過(guò)定位子節(jié)點(diǎn)，來(lái)獲取父節(jié)點(diǎn)

parentNode屬性

表示獲取父節(jié)點(diǎn)，等到的不一定的元素節(jié)點(diǎn)，也可能是Document對(duì)象


    
手機(jī)

    
手表

    
電腦
parentElement屬性

表示獲取父元素節(jié)點(diǎn)，等到的一定是元素節(jié)點(diǎn)


    
手機(jī)

    
手表

    
電腦
獲取子節(jié)點(diǎn)

通過(guò)定位父節(jié)點(diǎn)來(lái)獲取子節(jié)點(diǎn)

childNodes：表示獲取所有子節(jié)點(diǎn)

firstChild：表示獲取第一個(gè)子節(jié)點(diǎn)

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

在獲取子節(jié)點(diǎn)時(shí)也會(huì)一同獲取到“空白節(jié)點(diǎn)（可能是空的文本節(jié)點(diǎn)）”




    
手機(jī)

    
手表

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

previousSibling：表示獲取前面的兄弟節(jié)點(diǎn)

nextSibling：表示獲取后面的兄弟節(jié)點(diǎn)

在獲取相鄰兄弟節(jié)點(diǎn)的時(shí)候也存在“空白節(jié)點(diǎn)（可能是空的文本節(jié)點(diǎn)）”的問(wèn)題




    
手機(jī)

    
手表

    
電腦
空白節(jié)點(diǎn)

在瀏覽器解析DOM節(jié)點(diǎn)樹(shù)結(jié)構(gòu)時(shí)，會(huì)產(chǎn)生 空白節(jié)點(diǎn) ，使得到的數(shù)據(jù)結(jié)果出現(xiàn)問(wèn)題

空白節(jié)點(diǎn)是通過(guò)在編寫(xiě)HTML代碼時(shí)由于元素?fù)Q行或空格產(chǎn)生的

空白節(jié)點(diǎn)一般會(huì)顯示為文本節(jié)點(diǎn)(可能是空的文本節(jié)點(diǎn))

處理獲取子節(jié)點(diǎn)時(shí)產(chǎn)生的空白節(jié)點(diǎn) 



    
手機(jī)

    
手表

    
電腦
處理相鄰兄弟節(jié)點(diǎn)中的空白節(jié)點(diǎn) 



    
手機(jī)

    
手表

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

replaceChild

表示對(duì)指定的元素節(jié)點(diǎn)進(jìn)行替換




    
手機(jī)

    
手表

    
電腦
插入節(jié)點(diǎn)

表示在指定位置插入節(jié)點(diǎn)

appendChild（）：表示在指定父節(jié)點(diǎn)中最后的位置插入節(jié)點(diǎn)

insertBefore（）：表示在指定目標(biāo)節(jié)點(diǎn)的前面插入節(jié)點(diǎn)




    
手機(jī)

    
手表

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

removeChild

表示刪除指定的元素節(jié)點(diǎn)

被刪除的元素節(jié)點(diǎn)只是在DOM節(jié)點(diǎn)數(shù)中被刪除，并不是在內(nèi)存中被刪除,還可以在調(diào)用




    
手機(jī)

    
手表

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

cloneNode（）

括號(hào)中添寫(xiě)布爾值“true或false”

true：表示復(fù)制后代節(jié)點(diǎn)

false：表示不復(fù)制后代節(jié)點(diǎn)（默認(rèn)值）

如果被復(fù)制的節(jié)點(diǎn)具有ID屬性，復(fù)制后要修改ID屬性的屬性值




    
手機(jī)

    
手表

    
電腦

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/97176.html

相關(guān)文章

  • 【JavaScript】DOM之Node對(duì)象

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

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

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

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

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

  • 讀 Zepto 源碼之操作 DOM

    摘要：輔助方法這個(gè)方法遞歸遍歷的子節(jié)點(diǎn)，將節(jié)點(diǎn)交由回調(diào)函數(shù)處理。對(duì)集合進(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 評(píng)論0 收藏0

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

    摘要：本期推薦文章類內(nèi)存泄漏及如何避免，由于微信不能訪問(wèn)外鏈，點(diǎn)擊閱讀原文就可以啦。四種常見(jiàn)的內(nèi)存泄漏劃重點(diǎn)這是個(gè)考點(diǎn)意外的全局變量未定義的變量會(huì)在全局對(duì)象創(chuàng)建一個(gè)新變量，如下。因?yàn)槔习姹镜氖菬o(wú)法檢測(cè)節(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)） 本周正式開(kāi)始前端進(jìn)階的第一期，本周的主題...

    red_bricks 評(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ì)象是繼承自類型的一個(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

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

0條評(píng)論

閱讀需要支付1元查看
<