childNodes属性

在一颗节点树上,childNodes属性可以用来获取任何一个元素的所有子元素,它是一个包含这个元素全部子元素的数组:语法element.childNodes
由childNodes属性返回的数组包含所有类型的节点,而不仅仅是元素节点。事实上,文档几乎每一样都东西都是一个节点,甚至连空格和换行符都会被解析为节点,而它们也全都包含在childNodes属性所返回的数组当中。

nodeType属性

每一个节点都有nodeType属性。这个属性可以让我们知道自己正与哪一种节点打交道,差劲一点的是nodeType的值并不是英文。语法:node.nodeType
nodeType属性总共有12种可取值,但其中仅有3种具有实用价值。

  • 元素节点的nodeType属性值是1.
  • 属性节点的nodeType属性值是2.
  • 文本节点的nodeType属性值是3.

这意味着,我们可以只对特定类型的节点进行处理。

nodeValue属性

如果想改变一个文本节点的值,那就实用DOM提供的nodeValue属性,它用来得到(和设置)一个节点的值:语法node.nodeValue
但用nodeValue属性获取一个节点时,得到的并不是包含在这个段落里的文本。这个调用将返回一个null值。因为<p>元素本身的nodeValue属性是一个空值。而一个段落元素里的文本值是另一种节点,它是<p>元素的第一个子节点。所以获取一个段落里的文本值应该为:

document.getElementById('段落元素ID').childNodes[0].nodeValue;

childNodes属性、nodeType属性、nodeValue属性相关推荐

  1. DOM节点中属性nodeName、nodeType和nodeValue的区别 Delphi

    http://msdn.microsoft.com/zh-cn/library/vstudio/hf9hbf87.aspx <?xml version="1.0"?>& ...

  2. DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue

    DOM中的node(节点)有关的三个属性–nodeType.nodeName.nodeValue 上篇博文我们讲到了如何通过DOM获取HTML文档中的元素,在这里要明白一点,当我们获取到具体的某一个元 ...

  3. html属性是dom属性吗,HTML DOM 属性 对象

    HTML DOM 属性 对象 HTML DOM 节点 在 HTML DOM (Document Object Model) 中, 所有的都是 节点: 文档是文档节点 所有 HTML 元素是元素节点 所 ...

  4. 决策树之C4.5实现(离散属性与连续,属性并存)

    这两天自己实现了一个C4.5的决策树,用的是UCI上的一个数据集abalone.data 具体数据如下(前5条): M,0.455,0.365,0.095,0.514,0.2245,0.101,0.1 ...

  5. 面向对象(类的概念,属性,方法,属性的声明,面向对象编程思维

    1 面向对象 1.1 你是如何认识新事物的? 从过往的事物中总结事物的特点(特征),并比对新事物,把新事物进行归类. 1.2 类(Class)的概念(A) 类是对一组具有相同特征和行为的对象的抽象描述 ...

  6. html中content属性,CSS3的content属性用法详解

    Content属性应该算是使用最常用的一个css属性之一吧,比如我们创建一个聊天气泡.超链接的立体翻转特效.添加图标.都要使用到content属性,当然这个属性要结合:before和:after伪类使 ...

  7. php protected 属性,PHP实现在对象之外访问其私有属性private及保护属性protected的方法...

    本文实例讲述了PHP实现在对象之外访问其私有属性private及保护属性protected的方法.,具体如下: public 表示全局的访问权限,类内部外部子类都可以访问: private表示私有的访 ...

  8. const、static、内部链接属性和外部链接属性整理

    2019独角兽企业重金招聘Python工程师标准>>> 说起const.static.以及#define大家都知道,我一直以为我也是知道的,昨天一同学说他面试时被问到#define定 ...

  9. 属性与内存管理(属性与内存管理都是相互关联的)

    <span style="font-size:18px;"> 属性与内存管理(属性与内存管理都是相互关联的)第一部分一,属性:属性是OC2.0之后出来的新语法,用来取代 ...

最新文章

  1. Matplotlib实例教程(二)饼状图
  2. koa --- [MVC实现之三]换个角度重新开始-初始化
  3. sql between...and 用法(mysql)
  4. python创建文件对象_python基础教程:文件读写
  5. Win10/Win7小技巧:教你如何彻底关闭系统进程
  6. java 可插拔注解_20200311 8. 注解和可插拔性
  7. Using C++ in Eclipse - Program file not Specified problem
  8. BIGEMAP下载离线地图数据(支持谷歌、百度、高德等所有地图源)
  9. linux如何部署btsync同步?
  10. 服装进销存软件哪个好?十大优质服装进销存管理软件排名
  11. ZFAKA最新版最简安装教程
  12. Laravel文档整理
  13. 中国网络游戏界十大雷囧现象
  14. tp5 给图片加水印
  15. MCV模型流程图整理
  16. An operation on a socket could not be performed because the system lacked sufficient buffer space or
  17. 机器学习常用数据处理
  18. 常见的NLP处理手段和相应的spaCy库使用
  19. 我自己编写的一个tab
  20. 计算机磁盘清理软件,清理磁盘空间的7种技巧,电脑装机、安装系统必备

热门文章

  1. iPhone4 6月24日开售 199美元起
  2. JAVA电子病历系统源码,云端SaaS服务 前后端分离模式开发和部署
  3. Java基础——main方法
  4. Windows下使用DCMTK开源库对DICOM协议的医学图像进行解析与显示
  5. android 长按复制,TextView长按复制实现方法 3种方法实践总结
  6. 实用精短-kotlin设计模式
  7. WidsMob FilmPack for Mac(模拟胶片滤镜软件)
  8. 白盒测试流程图及测试用例设计
  9. 写了这么多年代码,你真的了解设计模式么?
  10. WPFDataGrid序列号