国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript 之 DOM [ Node對象 ]

imtianx / 3426人閱讀

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

Node對象 描述

Node對象是用于解析DOM節(jié)點樹的入口

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

判斷節(jié)點類型

節(jié)點類型分為：

元素節(jié)點

屬性節(jié)點

文本節(jié)點

文檔節(jié)點

判斷方式分為：

nodeName - 節(jié)點名稱

nodeType - 節(jié)點類型

nodeValue - 節(jié)點的值



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

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

parentNode屬性

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


    
手機

    
手表

    
電腦
parentElement屬性

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


    
手機

    
手表

    
電腦
獲取子節(jié)點

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

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

firstChild：表示獲取第一個子節(jié)點

lastChild：表示獲取最后一個子節(jié)點

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




    
手機

    
手表

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

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

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

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




    
手機

    
手表

    
電腦
空白節(jié)點

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

空白節(jié)點是通過在編寫HTML代碼時由于元素換行或空格產(chǎn)生的

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

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



    
手機

    
手表

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



    
手機

    
手表

    
電腦
替換節(jié)點

replaceChild

表示對指定的元素節(jié)點進行替換




    
手機

    
手表

    
電腦
插入節(jié)點

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

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

insertBefore（）：表示在指定目標節(jié)點的前面插入節(jié)點




    
手機

    
手表

    
電腦
刪除節(jié)點

removeChild

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

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




    
手機

    
手表

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

cloneNode（）

括號中添寫布爾值“true或false”

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

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

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




    
手機

    
手表

    
電腦

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

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

相關(guān)文章

  • 【JavaScript】DOM之Node對象

    摘要：對象對象是什么該對象封裝的底層對象，該對象只是提供了操作屬性和方法，并不能直接打印操作屬性和方法定位月面元素其實就是對象為元素節(jié)點繼承鏈關(guān)系對象繼承與對象判斷節(jié)點類型以，和用于獲取節(jié)點名稱和節(jié)點類型還有節(jié)點的值按鈕新按鈕遍歷節(jié)點獲取父節(jié)點 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)樹。事件處理最重要就是事件捕獲和事件冒泡這兩種機制。 showImg(https://segmentfault.com/img/remote/1460000016215814); 微信公眾號：愛寫bugger的阿拉斯加如有問題或建議，請后臺留言，我...

    Carbs 評論0 收藏0

  • 讀 Zepto 源碼之操作 DOM

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

    beita 評論0 收藏0

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

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

    red_bricks 評論0 收藏0

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

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

    mzlogin 評論0 收藏0

發(fā)表評論

0條評論

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