摘要:概念節(jié)點(diǎn)是中所有節(jié)點(diǎn)的基礎(chǔ)節(jié)點(diǎn),所有節(jié)點(diǎn)都共享著節(jié)點(diǎn)的基本屬性和方法,該接口由中所有節(jié)點(diǎn)類型實(shí)現(xiàn),這個(gè)接口在當(dāng)中是作為類型實(shí)現(xiàn)的,除了,其他所有瀏覽器都可以訪問(wèn)該類型。
概念: node節(jié)點(diǎn)是DOM中所有節(jié)點(diǎn)的基礎(chǔ)節(jié)點(diǎn),所有節(jié)點(diǎn)都共享著node節(jié)點(diǎn)的基本屬性和方法,該接口由DOM中所有節(jié)點(diǎn)類型實(shí)現(xiàn),這個(gè)Node接口在js當(dāng)中是作為Node類型實(shí)現(xiàn)的,除了IE,其他所有瀏覽器都可以訪問(wèn)該類型。Node節(jié)點(diǎn)的常用屬性 1、基本屬性
nodeType: 節(jié)點(diǎn)類型-- 常用的 元素節(jié)點(diǎn)1, 屬性節(jié)點(diǎn)2, 文本節(jié)點(diǎn)3, 注釋節(jié)點(diǎn)8, document節(jié)點(diǎn)9; nodeName: 不同節(jié)點(diǎn)返回不同節(jié)點(diǎn)名稱-- 元素節(jié)點(diǎn)的nodeName是標(biāo)簽名稱(大寫(xiě)),屬性節(jié)點(diǎn)的nodeName是屬性名,文本節(jié)點(diǎn)永遠(yuǎn)是#text, 文檔節(jié)點(diǎn)nodeName永遠(yuǎn)是#document nodeValue: 不同節(jié)點(diǎn)的類型設(shè)置或返回節(jié)點(diǎn)的值-- document.nodeValue // null , element.nodeValue=null, attr.nodeValue // 為其屬性值, text.nodeValue為其值2、關(guān)系屬性
node.childNodes; 保存著一個(gè)由直接子節(jié)點(diǎn)組成的nodeList(有序的節(jié)點(diǎn)列表)對(duì)象,可能包括元素,文本節(jié)點(diǎn),注釋或處理指令,隨文檔內(nèi)容更新而更新,一個(gè)類數(shù)組對(duì)象 node.parentNode: 指向當(dāng)前元素的父節(jié)點(diǎn) node.previousSibling: 指向當(dāng)前元素的前一個(gè)同胞節(jié)點(diǎn) node.nextSibling: 指向當(dāng)前元素的后一個(gè)同胞節(jié)點(diǎn) node.firstChild: 指向childNodes中第一個(gè)節(jié)點(diǎn) node.lastChild: 指向childNodes中最后一個(gè)節(jié)點(diǎn)3、 常用方法
1、操作節(jié)點(diǎn) appendChild(): 添加節(jié)點(diǎn) insertBefore(newNode, oldNode); 插入節(jié)點(diǎn) replaceChild(new, old): 替換節(jié)點(diǎn) removeChild() 要移除的節(jié)點(diǎn) 2、 其他方法 hasChildNodes(): 這個(gè)方法在節(jié)點(diǎn)包含一或多個(gè)子節(jié)點(diǎn)的情況下返回true cloneNode(): 這個(gè)方法接收一個(gè)布爾值參數(shù),true表示深復(fù)制,也就是膚質(zhì)節(jié)點(diǎn)及其整個(gè)子節(jié)點(diǎn)數(shù) 參數(shù)為false,只復(fù)制節(jié)點(diǎn)本身。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/53597.html
摘要:用于將及其狀態(tài)轉(zhuǎn)化為可序列化的數(shù)據(jù)結(jié)構(gòu)并添加唯一標(biāo)識(shí)則是將記錄的數(shù)據(jù)結(jié)構(gòu)重建為對(duì)應(yīng)的。用于記錄中的所有變更則是將記錄的變更按照對(duì)應(yīng)的時(shí)間一一重放。表示觀察變動(dòng)時(shí),是否需要記錄變動(dòng)前的屬性值。該方法返回變動(dòng)記錄的數(shù)組。 摘要: 網(wǎng)頁(yè)應(yīng)該如何錄屏呢? 作者:Winty 原文:用戶行為錄幀調(diào)研 Fundebug經(jīng)授權(quán)轉(zhuǎn)載,版權(quán)歸原作者所有。 關(guān)鍵點(diǎn) 首先,每一次會(huì)話都有一個(gè)唯一的s...
摘要:本系列文章將重點(diǎn)分析類似于的這類框架是如何實(shí)現(xiàn)的,歡迎大家關(guān)注和討論。作為一個(gè)極度精簡(jiǎn)的庫(kù),函數(shù)是屬于本身的。 前言 首先歡迎大家關(guān)注我的掘金賬號(hào)和Github博客,也算是對(duì)我的一點(diǎn)鼓勵(lì),畢竟寫(xiě)東西沒(méi)法獲得變現(xiàn),能堅(jiān)持下去也是靠的是自己的熱情和大家的鼓勵(lì)?! ≈胺窒磉^(guò)幾篇關(guān)于React的文章: React技術(shù)內(nèi)幕: key帶來(lái)了什么 React技術(shù)內(nèi)幕: setState的秘密...
摘要:本文所實(shí)現(xiàn)的完整代碼存放在。這就是所謂的算法。兩個(gè)樹(shù)的完全的算法是一個(gè)時(shí)間復(fù)雜度為的問(wèn)題。如果有差異的話就記錄到一個(gè)對(duì)象里面。如和的不同,會(huì)被所替代。這牽涉到兩個(gè)列表的對(duì)比算法,需要另外起一個(gè)小節(jié)來(lái)討論。 作者:戴嘉華 轉(zhuǎn)載請(qǐng)注明出處并保留原文鏈接( https://github.com/livoras/blog/issues/13 )和作者信息。 目錄: 1 前言 2 對(duì)前端應(yīng)用狀...
摘要:一是的核心規(guī)定了這門(mén)語(yǔ)言的數(shù)據(jù)語(yǔ)法結(jié)構(gòu)等基本概念。使用節(jié)點(diǎn)來(lái)把以及文檔描述成一個(gè)多層次的節(jié)點(diǎn)結(jié)構(gòu)。類型對(duì)象是其實(shí)例對(duì)象,是的屬性,表示整個(gè)頁(yè)面。和表示視窗的大小和表示改變視窗的方法。 JavaScript經(jīng)歷了殘酷的競(jìng)爭(zhēng),至今已經(jīng)統(tǒng)治了web世界,現(xiàn)在系統(tǒng)梳理一下相關(guān)的知識(shí)。 JavaScript可以分為三部分:ECMAScript、DOM和BOM。 一、ECMAScript是Java...
摘要:并提供相對(duì)于它左上角的坐標(biāo)。屬性還包括滾出隱藏部分,例如沒(méi)有水平滾動(dòng),等于大多數(shù)幾何屬性是只讀的,但可以更改,瀏覽器將滾動(dòng)元素。元素的滾動(dòng)部分的寬度高度注意點(diǎn)如果一個(gè)元素不能被滾動(dòng)例如,它沒(méi)有溢出,或者這個(gè)元素有一個(gè)屬性,將被設(shè)置為。 主旨 用來(lái)記錄和總結(jié)學(xué)的知識(shí)點(diǎn),以便溫故知新 說(shuō)明 這么寫(xiě)方便自己記憶 記憶點(diǎn) 節(jié)點(diǎn)相關(guān) Dom節(jié)點(diǎn)獲取 getElement (Id,Class...
閱讀 3291·2021-11-10 11:35
閱讀 1494·2019-08-30 13:20
閱讀 1194·2019-08-29 16:18
閱讀 2227·2019-08-26 13:54
閱讀 2239·2019-08-26 13:50
閱讀 1048·2019-08-26 13:39
閱讀 2578·2019-08-26 12:08
閱讀 2029·2019-08-26 10:37