不同类型的节点的nodeName,nodeType,nodeValue

DOM将节点分为不同的类型,一般常用的是三钟类型:元素节点,属性节点,文本节点

nodeName属性:节点的名称(此属性只能读取不能设置)

如果节点是元素节点的话,则nodeName == tagName ,将返回这个标签名的大写,例:DIV

如果节点是属性节点的话,返回的是属性名

如果节点是文本节点的话,返回的是#text

nodeType属性:节点类型对应的常量(此属性只能读取不能设置)

元素节点:1

属性节点:2

文本节点:3

此属性经常与if判断一起使用,用来防止在别的类型节点上做错误的操作:

例:if(node.nodeType == 1){node.setAttribute('src','1.jpg')}

nodeValue:节点的值(此属性可以读和写)

元素节点:null

属性节点:返回的是属性值

文本节点:返回文本内容例:ssss

<div id="aa">sss</div>

var node = document.getElementById('aa').firstChild

if(node.nodeType == 3){node.nodeValue == 'xiaoxiaohui'}

则结果会变为:<div id="aa">xiaoxiaohui</div>

一般用此属性为修改文本内容,属性值一般使用setAttribute来设置

原文地址:https://www.cnblogs.com/xiaohui108/p/2085393.html