DOM-- NODE类型（记录点）

sunsmell 发布于2019-08-02 14:08 / 857人阅读

摘要：概念节点是中所有节点的基础节点，所有节点都共享着节点的基本属性和方法，该接口由中所有节点类型实现，这个接口在当中是作为类型实现的，除了，其他所有浏览器都可以访问该类型。

概念： 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域名记录类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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