| DOM中元素节点、属性节点、文本节点的理解 | 您所在的位置：网站首页 › order节点和peer节点的区别 › DOM中元素节点、属性节点、文本节点的理解 |
|
节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是： nodeName（节点名称） nodeValue（节点值） nodeType（节点类型） nodeType nodeType 属性可返回节点的类型。 最重要的节点类型是：
元素类型 节点类型 元素(ELEMENT_NODE) 1 属性(ATTRIBUTE_NODE) 2 文本(TEXT_NODE) 3 注释(COMMENT_NODE) 8 文档(DOCUMENT_NODE) 9
在实际应用中，经常用到的就是元素节点、属性节点和文本节点了，下面我们通过小段代码进行讲解 1：元素节点 元素节点代码 空谷悠悠 John Doe Jack var d = document.getElementById("john"); alert(d.nodeType) alert(d.nodeName) alert(d.nodeValue)
分析运行结果，其三个属性的值分别为： nodeType：ELEMENT_NODE nodeType值：1 nodeName：元素标记名 //此处为TD nodeValue：null 2：属性节点 属性节点代码 空谷悠悠 John Doe Jack var d = document.getElementById("john").getAttributeNode("name"); alert(d.nodeType) alert(d.nodeName) alert(d.nodeValue)
分析运行结果，其三个属性的值分别为： nodeType：ATTRIBUTE_NODE nodeType值：2 nodeName：属性名 // name nodeValue：属性值 //myname 3:文本节点 文本节点代码 New Document John Doe Jack var d = document.getElementsByTagName("td")[0].firstChild alert(d.nodeType) alert(d.nodeName) alert(d.nodeValue)
分析运行结果，其三个属性的值分别为： nodeType：TEXT_NODE nodeType值：3 nodeName：#text nodeValue：文本内容 // John
|
| CopyRight 2018-2019 实验室设备网 版权所有 |