首先了解一下DOM中有三大节点，分别是 元素节点，文本节点，属性节点

元素节点：构成了DOM的基础。文档结构中，<html>是根元素，代表整个文档，其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则)

文本节点：包含在元素节点中。

属性节点：元素都可以包含一些属性，属性的作用是对元素做出更具体的描述，比如id,name之类的。

以下面的demo为例：

<script>

window.onload = function(){

  　　var element = document.getElementById("span");

  　　var text = element.firstChild;

  　　var property=document.getElementById("span").getAttributeNode("id");

}

</script>

<body>

　　<div>

　  　　<span id="span">文本节点</span>

　　</div>

</body>　

(一)nodeName 属性含有某个节点的名称。

元素节点的 nodeName 是标签名称（返回的名称是大写的）

属性节点的 nodeName 是属性名称（返回的名称是大写的）

文本节点的 nodeName 永远是 #text

文档节点的 nodeName 永远是 #document

注释：nodeName 所包含的 XML 元素的标签名称永远是大写的

alert("这是元素节点的返回值："+ element.nodeName);//返回的标签名SPAN,注意是大写的

alert("这是文本节点的返回值："+ text.nodeName);//返回的#text

alert("这是属性节点的返回值："+ property.nodeName);//返回的是属性名，这里是id

(二)nodeValue

对于文本节点，nodeValue 属性包含文本。

对于属性节点，nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

alert("这是元素节点的返回值："+ element.nodeValue);//本身就没有意义，这里是试验下的，返回的是null

alert("这是文本节点的返回值："+ text.nodeValue);//返回的是文本值  文本节点

alert("这是属性节点的返回值："+ property.nodeValue);//返回的是属性值，这里是id的属性值span

(三)nodeType

nodeType 属性可返回节点的类型。

我们常用的3中类型：
nodeType == 1  ： 元素节点
nodeType == 2  ： 属性节点
nodeType == 3  ： 文本节点

注释 comments   8

文档 document   9

  alert("这是元素节点的返回值："+ element.nodeType);//元素节点返回1

  alert("这是文本节点的返回值："+ text.nodeType);//文本节点返回3

  alert("这是属性节点的返回值："+ property.nodeType);//属性节点返回2

___________________________

原文：http://www.tuicool.com/articles/zANnye

nodeType、nodeName和nodeValue的更多相关文章

  1. childNodes、nodeName、nodeValue 以及 nodeType

    nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称属性节点的 nodeName ...

  2. Dom中的nodeName、nodeValue 、nodeType

    nodeName.nodeValue 以及 nodeType 包含有关于节点的信息. nodeName 属性含有某个节点的名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName ...

  3. jquery冲突的关键字nodeName、nodeValue和nodeType！

    原文:http://blog.csdn.net/hdfyq/article/details/52805836 [缘由]在工作流数据库设计的时候,  都节点管理的功能.  结果有2个字段为  NODE_ ...

  4. hasChildNodes()方法，nodeName、nodeValue、nodeType介绍

    Document对象的使用:hasChildNodes()方法,nodeName.nodeValue.nodeType的简单介绍 一.hasChildNodes() 说明: (1)       该方法 ...

  5. 节点nodeName与nodeValue表

  6. DOM 小总结

    DOM 是什么 文档对象模型,是针对 HTML 和 XML 文档的一个 API (应用程序编程接口), 描绘了一个层次化的节点树. D: document 当 web 浏览器浏览一个页面的时候,DOM ...

  7. HTML DOM的nodeName,nodeValue,nodeType介绍

    将HTML DOM中几个常用的属性做下介绍,工作中作为参考. nodeName 属性可依据节点的类型返回其名称. 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文 ...

  8. HTML DOM 节点介绍(nodeName,nodeValue,nodeType)

    对于初学者来说,HTML DOM 里面的 nodeName.nodeValue 以及 nodeType 三个属性的作用和取值不是很清楚.下面整理的信息包含有关于节点的详细信息,供参考. 节点信息 每个 ...

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

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

随机推荐

  1. 【mysql】关于循环插入数据 存储设计

    要求插入的数据有一定的规律 新建实例列表 CREATE TABLE users ( userId ) NOT NULL, userName ) NOT NULL, Serves ) NOT NULL, ...

  2. 输入任意一个字符串，如：“abDEe23dJfd343dPOddfe4CdD5ccv!23rr”。取出该字符串中所有的字母。顺序不能改变！并把大写字母变成小写，小写字母变成大写！

    package lovo.Linyoujia; import java.util.Scanner; public class Java { @param args public static void ...

  3. JSP基础语法---九九乘法表-java jsp

    <%@ page language="java" import="java.util.*" contentType="text/html; ch ...

  4. 用ant组建测试框架

    有时候由于公司网络或其它原因,无法采用maven,这时ant是一个比较理想的选择.以下是以ant为例,搭建一个测试框架 项目结构如下图: build.properties代码如下: # The sou ...

  5. JQuery基础总结上

    最近在慕课网学习JQuery基础课程,发现只是跟随网站的课程学习而不去自己总结扩展的话,很难达到真正学会理解的地步. 于是先在网站上草草过了一遍课程,然后借着今天的这个时间边记录边重新整理学习一下. ...

  6. 一个非常有意思的css3属性filter

    filter这属性貌似可以是img图片在黑白与彩色间转换 filter:grayscale(1)为黑白色,filter:grayscale(0)位彩色,可以用于hover效果 img:hover{fi ...

  7. Controller的创建

    在ControllerBuilder类中设置ControllerFactory,然后使用ControllerFactory创建Controller. http请求在进入httphandler映射处理时 ...

  8. GeoHash原理解析

    GeoHash 核心原理解析       引子 一提到索引,大家脑子里马上浮现出B树索引,因为大量的数据库(如MySQL.oracle.PostgreSQL等)都在使用B树.B树索引本质上是对索引字段 ...

  9. C语言程序设计第12次作业

    一.本次课主要内容: 本章主要介绍指针相关的基础知识,本节课的主要如下 (1)通过示例"电码加密"引入字符指针与字符串处理.首先重点介绍字符指针和字符串的关联和区别,然后对常用字符 ...

  10. Docker简明教程

    Docker简明教程 [编者的话]使用Docker来写代码更高效并能有效提升自己的技能.Docker能打包你的开发环境,消除包的依赖冲突,并通过集装箱式的应用来减少开发时间和学习时间. Docker作 ...