DOM节点信息包括节点类型（nodeType）、节点名称（nodeName）和节点值（nodeValue）。

节点类型

DOM节点中，每个节点都拥有不同的类型。

W3C规范中常用的 DOM节点类型有以下几种：

节点类型 说明 值
元素节点 每一个HTML标签都是一个元素节点，如 <div> 、 <p>、<ul>等 1
属性节点 元素节点（HTML标签）的属性，如 id 、class 、name 等。 2
文本节点 元素节点或属性节点中的文本内容。 3
注释节点 表示文档注释，形式为<!-- comment text -->。 8
文档节点 表示整个文档（DOM 树的根节点，即 document ） 9

获取节点类型的语法：
    nodeObject.nodeType
其中，nodeObject 为DOM节点（节点对象）。该属性返回以数字表示的节点类型，例如，元素节点返回 1，属性节点返回 2 。

例如，获取id="demo"的<div>标签的节点类型：

  1. document.getElementById("demo").nodeType;

该语句的返回值为 1 。

举例，获取元素节点和文本节点的类型值：

  1. <div id="demo1">点击这里显示节点类型</div>
  2. <script type="text/javascript">
  3. document.getElementById("demo1").onclick=function(){
  4. var divType=this.nodeType;
  5. var textType=this.firstChild.nodeType;  //  this 指当前发生事件的HTML元素，这里是<div>标签
  6. alert(
  7. "<div>标签的节点类型是："+divType+"\n"+
  8. "<div>标签内部文本的节点类型是："+textType
  9. );
  10. }
  11. </script>

节点名称

节点名称就是DOM节点的名字，不同类型的节点对应不同的节点名称。

节点类型 节点名称
元素节点 HTML标签的名称（大写）
属性节点 属性的名称
文本节点 它的值永远是#text
文档节点 它的值永远是#document

获取节点名称的语法：
    nodeObject.nodeName
其中，nodeObject 为DOM节点（节点对象）。

例如，获取id="demo"的<div>标签的节点名称：

  1. document.getElementById("demo").nodeName;

该语句的返回值为 DIV 。

举例，获取元素节点名称、文本节点名称和文档节点名称：

  1. <div id="demo2">点击这里显示节点名称</div>
  2. <script type="text/javascript">
  3. document.getElementById("demo2").onclick=function(){
  4. var divName=this.nodeName;
  5. var textName=this.firstChild.nodeName;  //  this 指当前发生事件的HTML元素，这里是<div>标签
  6. var documentName=document.nodeName
  7. alert(
  8. "<div>标签的节点名称是："+divName+"\n"+
  9. "<div>标签内部文本的节点名称是："+textName+"\n"+
  10. "文档节点的节点名称是："+documentName
  11. );
  12. }
  13. </script>

节点值

对于文本节点，节点值为文本内容；对于属性节点，节点值为属性的值。

节点值对于文档节点和元素节点是不可用的。

获取节点值的语法：
    nodeObject.nodeValue
其中，nodeObject 为DOM节点（节点对象）。

举例，获取文本节点的节点值：

  1. <div id="demo3">点击这里显示文本节点的值</div>
  2. <script type="text/javascript">
  3. document.getElementById("demo3").onclick=function(){
  4. alert(this.firstChild.nodeValue);  //  this 指当前发生事件的HTML元素，这里是<div>标签
  5. }
  6. </script>

 
来自：http://www.itxueyuan.org/view/6346.html

最新文章

  1. 设置eclipse中自动添加get,set的注释为字段属性的注释
  2. BZOJ4519: [Cqoi2016]不同的最小割
  3. DataGridView 的单元格的边框、 网格线样式的设定【转】
  4. [原创] hadoop学习笔记：hadoopWEB监控
  5. TCP/IP 协议大致的概念
  6. GC算法 垃圾收集器
  7. [转] GCC 中的编译器堆栈保护技术
  8. hadoop启动后jps查不到namenode的解决办法
  9. 二维码(QR Code)生成与解析
  10. mysql：Linux系统下mysql5.6的安装卸载
  11. Java中public，protected，default，private的访问权限问题（简明扼要）
  12. [BZOJ 1040][ZJOI2008]骑士
  13. layui表格和弹出框的简单示例
  14. C++操作符的优先级 及其记忆方法
  15. 12月15日 session：Ruby on Rails Security Guide／／从第3节开始没有学习／／关于find_by 和where的区别用法思考。
  16. C/C++，从未过时的编程语言之父
  17. BootstrapValidator超详细教程
  18. 2015/10/9 Python核编初级部分学习总结
  19. 4364: [IOI2014]wall砖墙
  20. mysql之视图，触发器，事务等

热门文章

  1. Pythonn 内置函数
  2. latex使用问题总结1
  3. STM32——外部中断EXIT实现
  4. Git忽略规则及.gitignore规则不生效的解决办法
  5. http状态消息
  6. pb自动注册ole控件
  7. HTML DOM对象之createElement（）方法
  8. hash表C语言实现
  9. android中所有颜色大全
  10. 一个Java线程小例子（仿火车票售卖）