nodeValue和nodeType

nodeValue看到value我们就知道是值了,nodeType看到Type就知道是类型了 nodevalue是取得文本值当nodeType==3的时候才有会返回值。不然会返回一个null值（或者经常按照我们编码的习惯，会产生一个空格空格在JS里面nodeType==3是返回true）。

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"></head><body><ul id="Mylist"><li>1111</li><li>11112</li><li>1113</li></ul></body>
</html>

我们的编码习惯一般都会缩进换行所以造就了一个空格。

 <script>/**nodeValue***/var oul=document.getElementById("Mylist");console.log(oul.childNodes[0].nodeValue);</script>

这样不会报错，返回一个空格。

console.log(oul.childNodes[1].nodeValue);

oul.childNodes[1]返回的是li 相信到了这里你应该是要取1111这个文本了

 console.log(oul.childNodes[1].childNodes[0].nodeValue);

这样你就取到了111 或者

console.log(oul.innerText?oul.children[0].innerText:oul.children[0].textContent);

都可以取到第一个li的文本值.

关于textContent和innerText的兼容问题,上一篇博客已经写好了.有兴趣的同学可以看看。

转载于:https://www.cnblogs.com/junxi/p/5228491.html

nodeValue和nodeType相关推荐

不该被遗忘的nodeName、nodeValue和nodeType！
nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. (一)nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeN ...
nodeValue以及其与value的区别以及JS nodeName、nodeValue、nodeType返回类型
nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeName ...
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 ...
jquery冲突的关键字nodeName、nodeValue和nodeType！
转自:https://blog.csdn.net/hdfyq/article/details/52805836 [缘由]在工作流数据库设计的时候, 都节点管理的功能. 结果有2个字段为 NODE ...
nodeName、nodeValue和nodeType节点介绍
nodeName 元素节点的 nodeName 是标签名称(大写) 属性节点的 nodeName 是属性名称文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 # ...
DOM节点中nodeName、nodeValue 以及 nodeType属性值
今天在用childrenNodes进行操作dom时,碰到了问题,仔细查了一下相关API,记录一下: nodeName nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名 ...
理解Node类型——不应被忽视的 nodeType、nodeName、nodeValue
Node 类型 DOM1级定义了 Node 接口,该接口将由 DOM 中的所有节点类型实现.这个 Node 接口在 JavaScript 中是作为 Node 类型实现的:除了 IE 之外,在其他所 ...
JS nodeType返回类型
JS nodeType返回类型前几天朋友正好问道这个 js的nodeType是个什么概念(做浏览器底层的)正好遇到这篇文章可以向大家解释下将HTML DOM中几个容易常用的属性做下记录: nod ...

nodeValue和nodeType

nodeValue和nodeType相关推荐

最新文章

热门文章