DOM-- NODE类型（记录点）

2024年5月6日 153次阅读 来源: 木子

概念： 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，只复制节点本身。
    原文作者：木子
    原文地址: https://segmentfault.com/a/1190000017977858
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞