其他分享
首页 > 其他分享> > 节点分类的区分属性

节点分类的区分属性

作者:互联网

nodeType 节点类型 (1表示元素节点 2表示属性节点 3表示文本节点)

nodeValue 节点值 (元素节点的节点值获取不到(null) 属性节点的节点值 属性值 文本节点 文本内容)

nodeName 节点名 (元素节点的节点就是标签名 属性节点的节点名就是属性名 文本节点 #text)

var tagA = document.createElement('a') //元素节点
tagA.innerHTML = "hello"
var attr = document.createAttribute('name') //属性节点
attr.value = '张三'
var text = document.createTextNode('你好') //文本节点
//nodeName 节点名 元素的节点名是大写的 属性节点节点名小写 文本节点都是#text (只读属性)
console.log(tagA.nodeName,attr.nodeName,text.nodeName);// A  name  #text
console.log(tagA.nodeType,attr.nodeType,text.nodeType);// 1  2  3
console.log(tagA.nodeValue,attr.nodeValue,text.nodeValue);// null  张三  你好

 

相关的方法

cloneNode 方法 (克隆所有节点)

append 添加节点

appendChild 添加节点

replaceChild 替换节点

replaceChildren 替换所有的子节点

insertBefore 插入节点

removeChild 移除子节点

   

标签:attr,text,区分,tagA,属性,节点,nodeName
来源: https://www.cnblogs.com/yule-i7/p/16581394.html