DOM-- NODE類型（記錄點）

sunsmell 發布于2019-08-02 14:08 / 855人閱讀

摘要：概念節點是中所有節點的基礎節點，所有節點都共享著節點的基本屬性和方法，該接口由中所有節點類型實現，這個接口在當中是作為類型實現的，除了，其他所有瀏覽器都可以訪問該類型。

概念： node節點是DOM中所有節點的基礎節點，所有節點都共享著node節點的基本屬性和方法，該接口由DOM中所有節點類型實現，這個Node接口在js當中是作為Node類型實現的，除了IE，其他所有瀏覽器都可以訪問該類型。

Node節點的常用屬性 1、基本屬性

nodeType: 節點類型-- 常用的  元素節點1， 屬性節點2， 文本節點3， 注釋節點8， document節點9；
nodeName： 不同節點返回不同節點名稱-- 元素節點的nodeName是標簽名稱（大寫），屬性節點的nodeName是屬性名，文本節點永遠是#text， 文檔節點nodeName永遠是#document
nodeValue: 不同節點的類型設置或返回節點的值-- document.nodeValue // null , element.nodeValue=null, attr.nodeValue // 為其屬性值， text.nodeValue為其值

2、關系屬性

node.childNodes;
保存著一個由直接子節點組成的nodeList（有序的節點列表）對象，可能包括元素，文本節點，注釋或處理指令，隨文檔內容更新而更新，一個類數組對象
node.parentNode: 指向當前元素的父節點
node.previousSibling: 指向當前元素的前一個同胞節點
node.nextSibling: 指向當前元素的后一個同胞節點
node.firstChild： 指向childNodes中第一個節點
node.lastChild: 指向childNodes中最后一個節點

3、常用方法

1、操作節點
    appendChild(): 添加節點
    insertBefore(newNode, oldNode); 插入節點
    replaceChild(new, old): 替換節點
    removeChild() 要移除的節點
    
2、 其他方法
    hasChildNodes(): 這個方法在節點包含一或多個子節點的情況下返回true
    cloneNode(): 這個方法接收一個布爾值參數，true表示深復制，也就是膚質節點及其整個子節點數
                  參數為false，只復制節點本身。

GPU云服務器云服務器 dom的節點類型 js的node類型電信點對點專線類型 dns域名記錄類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53597.html

網頁應該如何錄屏呢？

摘要：用于將及其狀態轉化為可序列化的數據結構并添加唯一標識則是將記錄的數據結構重建為對應的。用于記錄中的所有變更則是將記錄的變更按照對應的時間一一重放。表示觀察變動時，是否需要記錄變動前的屬性值。該方法返回變動記錄的數組。摘要：網頁應該如何錄屏呢？作者：Winty 原文：用戶行為錄幀調研 Fundebug經授權轉載，版權歸原作者所有。關鍵點首先，每一次會話都有一個唯一的s...

_Suqin 2019-08-26 10:35 評論0 收藏0
從Preact了解一個類React的框架是怎么實現的(二): 元素diff

摘要：本系列文章將重點分析類似于的這類框架是如何實現的，歡迎大家關注和討論。作為一個極度精簡的庫，函數是屬于本身的。前言　　首先歡迎大家關注我的掘金賬號和Github博客，也算是對我的一點鼓勵，畢竟寫東西沒法獲得變現，能堅持下去也是靠的是自己的熱情和大家的鼓勵。　　之前分享過幾篇關于React的文章: React技術內幕: key帶來了什么 React技術內幕: setState的秘密...

張巨偉 2019-08-21 16:42 評論0 收藏0
深度剖析：如何實現一個 Virtual DOM 算法

摘要：本文所實現的完整代碼存放在。這就是所謂的算法。兩個樹的完全的算法是一個時間復雜度為的問題。如果有差異的話就記錄到一個對象里面。如和的不同，會被所替代。這牽涉到兩個列表的對比算法，需要另外起一個小節來討論。作者：戴嘉華轉載請注明出處并保留原文鏈接（ https://github.com/livoras/blog/issues/13 ）和作者信息。目錄： 1 前言 2 對前端應用狀...

vvpvvp 2019-08-21 10:49 評論0 收藏0
JavaScript的組成結構梳理

摘要：一是的核心規定了這門語言的數據語法結構等基本概念。使用節點來把以及文檔描述成一個多層次的節點結構。類型對象是其實例對象，是的屬性，表示整個頁面。和表示視窗的大小和表示改變視窗的方法。 JavaScript經歷了殘酷的競爭，至今已經統治了web世界，現在系統梳理一下相關的知識。 JavaScript可以分為三部分：ECMAScript、DOM和BOM。一、ECMAScript是Java...

dmlllll 2019-08-26 13:31 評論0 收藏0
JavaScript-Dom相關知識點

摘要：并提供相對于它左上角的坐標。屬性還包括滾出隱藏部分，例如沒有水平滾動，等于大多數幾何屬性是只讀的，但可以更改，瀏覽器將滾動元素。元素的滾動部分的寬度高度注意點如果一個元素不能被滾動例如，它沒有溢出，或者這個元素有一個屬性，將被設置為。主旨用來記錄和總結學的知識點，以便溫故知新說明這么寫方便自己記憶記憶點節點相關 Dom節點獲取 getElement (Id,Class...

XiNGRZ 2019-08-23 12:34 評論0 收藏0