所有的节点都使用Node接口来表示,可以使用很多方法去获取节点,如document.getElementsByTagName()、document.getElementsByName()等均返回一个NodeList对象,然后获取其中的节点。

节点对应的属性和放大均在Node接口予以定义:

1、Node接口常见的属性列表

属性名 数据类型 说明
nodeName DOMString 返回节点名
nodeValue DOMString 返回节点值
nodeType int 返回节点类型(见后文)
parentNode Node 返回当前节点的父节点
childNodes NodeList 返回当前节点的所有子节点
firstChild Node 返回当前节点的第一个子节点
lastChild Node 返回当前节点的最后一个子节点
previousSibling Node 返回当前节点的紧邻的前一个兄弟节点
nextSibling Node 返回当前节点的紧邻的后一个兄弟节点
attributes NamedNodeMap 返回当前节点的所有属性
ownerDocument Document 返回当前节点对应的Document对象
namespaceURI DOMString 返回当前节点所属命名空间的URI
prefix DOMString 返回当前节点所属命名空间的前缀
localName DOMString 返回当前节点限定名的本地部分

2、Node接口常见的方法列表

方法名 数据类型 说明
appendChild Node 在末尾添加一个子节点
cloneNode Node 克隆一个子节点
hasAttributes Boolean 判断该节点是否有属性
hasChildNodes Boolean 判断该节点是否有子节点
insertBefore Node 在指定节点插入一个节点
isSupported Boolean 判断节点特定是否被支持
normalize Void 规格化节点
removeChild Node 删除一个子节点
replaceChild Node 替换一个子节点

3、Node类型

在DOM文档中,每一个节点都属于一种类型,可以使用Node.nodeType属性获取节点的类型。DOM规范规定了12种节点类型,可以使用Node接口定义的常量表示,也可以用数字表示。

节点类型常量 数值表示 说明
ELEMENT_NODE 1 元素节点
ATTRIBUTE_NODE 2 属性节点
TEXT_NODE 3 文本节点
CDATA_SECTION_NODE 4 CDATA节点
ENTITY_REFERENCE_NODE 5 实体引用节点
ENTITY_NODE 6 实体节点
PROCESSING_INSTRUCTION_NODE 7 处理指令节点
COMMENT_NODE 8 注释节点
DOCUMENT_NODE 9 文档节点
DOCUMENT_TYPE_NODE 10 文档类型节点
DOCUMENT_FRAGMENT_NODE 11 文档片段节点
NOTATION_NODE 12 符号节点

PS:IE不支持常量表示,最好用数字表示。最常用的六种Node类型:1,2,3,8,9,11

原文首发:http://www.ido321.com/1318.html

下一篇:DOM笔记(三):Element接口和HTMLElement接口

DOM笔记(二):Node接口的更多相关文章

  1. java基础学习笔记二(接口、super、this)

    一.super 和 this的用法 主要解释一下引用构造函数的用法 super(参数):调用父类中的某一个构造函数(应该为构造函数中的第一条语句) this(参数):调用本类中另一种形式的构造函数(应 ...

  2. Mybatis笔记二:接口式编程

    目录 旧方法的弊端 接口式编程 接口式编程的好处 接口式编程的增删改查 旧方法的弊端 在Mybatis笔记一中,我们使用命名空间+id的方式实现了Mybatis的执行,不过这里的命名空间是我们随便写的 ...

  3. mybatis学习笔记二(接口注解)

    直接上代码,全部在代码里讲解. 1.实体类 package com.home.entity; /** * 此类是:user实体类 * @author hpc * @2017年1月10日下午9:36:5 ...

  4. DOM对象模型四大基本接口

    本文向大家描述一下DOM对象模型的四个基本接口,在DOM对象模型接口规范中,有四个基本的接口:Document,Node,NodeList以及NamedNodeMap. 在DOM对象模型接口规范中,有 ...

  5. DOM笔记(三):Element接口和HTMLElement接口

    一.Element接口 Element接口表示一个元素,该接口扩展自Node接口,自然继承了Node接口的属性和方法,也有一套针对元素的属性和方法. Element接口常见的属性比较少,常用的就是一个 ...

  6. DOM笔记(一):HTMLDocument接口

    操作HTML文档的第一步就是获取对文档元素的引用,每一个元素在DOM中就是一个节点,所有的元素在DOM中构成一个节点树. 用于获取元素节点定义的方法定义于HTMLDocument接口,window.d ...

  7. DOM笔记(十二):又谈原型对象

    因为之前谢过一篇关于原型对象的笔记:浅谈JavaScript中的原型模式.现在我又重新看到这个话题,对原型有了进一步的理解,所以,又要谈谈原型对象. 一.理解原型对象 创建的每一个函数都有一个prot ...

  8. Javascript学习笔记二——操作DOM

    Javascript学习笔记 DOM操作: 一.GetElementById() ID在HTML是唯一的,getElementById()可以定位唯一的一个DOM节点 二.querySelector( ...

  9. Java学习笔记二十八:Java中的接口

    Java中的接口 一:Java的接口: 接口(英文:Interface),在JAVA编程语言中是一个抽象类型,是抽象方法的集合,接口通常以interface来声明.一个类通过继承接口的方式,从而来继承 ...

随机推荐

  1. QString转换成LPCWSTR

    不知道大家用QT做什么程序,但应该还是Windows程序居多吧,仍免不了与WINAPI打交道.这就要求数据类型要与Windows一致,而QT的数据类型却是自成一体的.这就需要转换.比如我用到了Logo ...

  2. 一个java的DES加解密类转换成C#

    原文:一个java的DES加解密类转换成C# 一个java的des加密解密代码如下: //package com.visionsky.util; import java.security.*; //i ...

  3. 三个特殊资源目录 /res/xml /res/raw 和 /assets

    在android开发中,我们离不开资源文件的使用,从drawable到string,再到layout,这些资源都为我们的开发提供了极大的便利,不过我们平时大部分时间接触的资源目录一般都是下面这三个. ...

  4. 撤销 git reset --hard HEAD~1

    方法一: 1.先通过git reflog找到上一次的历史提交记录id,git如果没有特意设置,是会保存记录一段时间的(a few days or a month) 2.git reset --hard ...

  5. IOS拖动

    http://blog.csdn.net/mamong/article/details/20831899 代码资源 #import "ViewController.h" @inte ...

  6. ubuntu10.04开启root登陆

    半年没有用ubuntu了,以前用的是8.10,现在装了一个10.04,第一印象就是登陆窗口变了,哎,比较喜欢用root用户登录系统,不喜欢非root用户,做任何事都要来一下sudo,10.04的登陆窗 ...

  7. 用net匹配并替换iOS标准的emoji表情符号

    using System; using System.Collections.Generic; using System.Linq; using System.Text; namespaceCommo ...

  8. UVa 120 Stacks of Flapjacks【构造法】

    题意:给出n张煎饼,从上到下输入,每张煎饼上面都有一个数字,厨师每次可以选择第k张煎饼,进行翻转操作,设计一种方法使得所有煎饼按照从小到大排序(最上面的煎饼最小) 首先是这个翻转的操作,如下图 如图所 ...

  9. Linux C enum

    /**************************************************************************** * Linux C enum * * 说明: ...

  10. 解决jQuery对表单serialize后出现的乱码问题

    通过看jQuery源码可以知道,serialize方法是通过encodeURIComponent编码的,所以解决乱码的最笨方法:  1.重新分解序列化后的值  2.把分解的值重新decodeURICo ...