节点类型,节点名称, 节点值
2018-09-12 本文已影响48人
Aikesi26
// 节点的类型,节点名称 节点值
// 获取元素节点
var element = document.getElementsByTagName("div")[0];
//获取属性节点
var attributeNode = element.getAttributeNode("class");
//获取文字节点
var textNode = element.firstChild;
//打印节点类型
console.log(element.nodeType); //1
console.log(attributeNode.nodeType);//2
console.log(textNode.nodeType);//3
//打印节点名称
console.log(element.nodeName);//div
console.log(attributeNode.nodeName);//class
console.log(textNode.nodeName);//#text
//打印节点值
console.log(element.nodeValue);//null 元素没有节点值
console.log(attributeNode.nodeValue);//aikesi 设置的类名
console.log(textNode.nodeValue);//标签中间的文字