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

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ Node對象 ]

imtianx / 3433人閱讀

摘要：對象描述對象是用于解析節(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)

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

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

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

判斷方式分為：

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

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

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



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

通過定位子節(jié)點(diǎn)，來獲取父節(jié)點(diǎn)

parentNode屬性

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


    
手機(jī)

    
手表

    
電腦
parentElement屬性

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


    
手機(jī)

    
手表

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

通過定位父節(jié)點(diǎn)來獲取子節(jié)點(diǎn)

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

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

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

在獲取子節(jié)點(diǎn)時(shí)也會一同獲取到“空白節(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)）”的問題




    
手機(jī)

    
手表

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

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

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

空白節(jié)點(diǎn)一般會顯示為文本節(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

表示對指定的元素節(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（）

括號中添寫布爾值“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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

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

相關(guān)文章

  • 【JavaScript】DOM之Node對象

    摘要：對象對象是什么該對象封裝的底層對象，該對象只是提供了操作屬性和方法，并不能直接打印操作屬性和方法定位月面元素其實(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的底層對象，該對象只是提供了操作屬性和方法，并不能直接打印操作屬性和方法 conso...

    Jeffrrey 評論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); 微信公眾號：愛寫bugger的阿拉斯加如有問題或建議，請后臺留言，我...

    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)意外的全局變量未定義的變量會在全局對象創(chuàng)建一個(gè)新變量，如下。因?yàn)槔习姹镜氖菬o法檢測節(jié)點(diǎn)與代碼之間的循環(huán)引用，會導(dǎo)致內(nèi)存泄漏。 （關(guān)注福利，關(guān)注本公眾號回復(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條評論

最新活動
閱讀需要支付1元查看
<