节点分类的区分属性

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 移除子节点