nodeType、nodeName和nodeValue的区别

先看一下调试文档的基本结构

<div id="box">HELLO</div>
<script>
var ele = document.getElementById("box");
var att = ele.getAttributeNode("id");
var txt = ele.firstChild;
</script>

nodeType：表示该节点的类型

console.log(ele.nodeType);
console.log(att.nodeType);
console.log(txt.nodeType);

备注：1代表元素节点；2代表属性节点；3代表文本节点
2. nodeName：返回当前节点的名称

console.log(ele.nodeName);
console.log(att.nodeName);
console.log(txt.nodeName);

3. nodeValue：返回或者当前节点的值

console.log(ele.nodeValue);
console.log(att.nodeValue);
console.log(txt.nodeValue);

为什么元素节点的nodeValue为null呢?(我也不太清楚)
在文档对象模型(DOM)中,每个节点都是一个对象。DOM节点有三个重要的属性:
总结如下：

nodeName :节点的名称
nodeValue :节点的值
nodeType :节点的类型
一、nodeName属性:节点的名称，是只读的。
元素节点的nodeName与标签名相同
属性节点的nodeName是属性的名称
文本节点的nodeName永远是#text
文档节点的nodeName永远是#document

二、nodeValue属性:节点的值

元素节点的nodeValue是undefined或null
文本节点的nodeValue是文本自身
属性节点的nodevalue是属性的值

三、nodeType 属性:节点的类型，是只读的。以下常用的几种结点类型

元素类型节点类型：
元素 1
属性 2
文本 3
注释 8
文档 9

nodeType、nodeName和nodeValue的区别相关推荐

认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别
既然我们把网页文档看做树形结构,那么就有对应的节点.诚然DOM中有三大节点,分别是元素节点,文本节点,属性节点元素节点:构成了DOM的基础.文档结构中,<html>是根元素,代表整个文档 ...
nodeValue以及其与value的区别以及JS nodeName、nodeValue、nodeType返回类型
nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeName ...
DOM节点中属性nodeName、nodeType和nodeValue的区别 Delphi
http://msdn.microsoft.com/zh-cn/library/vstudio/hf9hbf87.aspx <?xml version="1.0"?>& ...
不该被遗忘的nodeName、nodeValue和nodeType！
nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. (一)nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeN ...
DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
DOM中的node(节点)有关的三个属性–nodeType.nodeName.nodeValue 上篇博文我们讲到了如何通过DOM获取HTML文档中的元素,在这里要明白一点,当我们获取到具体的某一个元 ...
hasChildNodes()方法，nodeName、nodeValue、nodeType介绍
Document对象的使用:hasChildNodes()方法,nodeName.nodeValue.nodeType的简单介绍一.hasChildNodes() 说明: (1) 该方法 ...
JQuery nodeName、nodeValue 以及 nodeType
最近在读jquery源码,看到关于一些nodetype的判断,现将网上搜到的信息共享如下: 原文链接:http://blog.chinaunix.net/uid-22414998-id-2199425 ...
理解Node类型——不应被忽视的 nodeType、nodeName、nodeValue
Node 类型 DOM1级定义了 Node 接口,该接口将由 DOM 中的所有节点类型实现.这个 Node 接口在 JavaScript 中是作为 Node 类型实现的:除了 IE 之外,在其他所 ...
jquery冲突的关键字nodeName、nodeValue和nodeType！
转自:https://blog.csdn.net/hdfyq/article/details/52805836 [缘由]在工作流数据库设计的时候, 都节点管理的功能. 结果有2个字段为 NODE ...

nodeType、nodeName和nodeValue的区别

nodeType、nodeName和nodeValue的区别相关推荐

最新文章

热门文章