脚本宝典收集整理的这篇文章主要介绍了

DOM– NODE类型(记录点)

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

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

Node节点的常用属性

1、基本属性

nodeType: 节点类型-- 常用的  元素节点1, 属性节点2, 文本节点3, 注释节点8document节点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,只复制节点本身。
    
    

总结

以上是脚本宝典为你收集整理的

DOM– NODE类型(记录点)

全部内容,希望文章能够帮你解决

DOM– NODE类型(记录点)

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过