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来设置