`
iwebcode
  • 浏览: 2014139 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

DOM元素节点nodeType取值详解

 
阅读更多
DOM元素节点nodeType取值详解


转自:http://www.impng.com/web-dev/element-nodetype-values.html


引用来自Javascript Kit的一个表格
Element nodeType values
Returned integer Node type Constant
1 ELEMENT_NODE
2 ATTRIBUTE_NODE
3 TEXT_NODE
4 CDATA_SECTION_NODE
5 ENTITY_REFERENCE_NODE
6 ENTITY_NODE
7 PROCESSING_INSTRUCTION_NODE
8 COMMENT_NODE
9 DOCUMENT_NODE
10 DOCUMENT_TYPE_NODE
11 DOCUMENT_FRAGMENT_NODE
12 NOTATION_NODE
大致的中文对照表:
DOM元素节点nodeType取值
整数 常量
1 ELEMENT_NODE,普通元素节点,如<html>,<p>,<div>,<span>,<img>
2 ATTRIBUTE_NODE,元素属性
3 TEXT_NODE,文本节点

4 CDATA_SECTION_NODE,即<![CDATA[ ]]>
5 ENTITY_REFERENCE_NODE,实体引用,如&amp;&nbsp;
6 ENTITY_NODE,实体,如<!ENTITY copyright “Copyright 2010, impng. All rights reserved”]>
7 PROCESSING_INSTRUCTION_NODE,PI,处理指令,如<?xml version=”1.0″?>
8 COMMENT_NODE,注释<!-- -->
9 DOCUMENT_NODE,根节点,即document.nodeType

10 DOCUMENT_TYPE_NODE,DTD,文档类型<!DOCTYPE >
11 DOCUMENT_FRAGMENT_NODE,文档片段
12 NOTATION_NODE,DTD中定义的记号

需要注意的是,在IE下会直接跳过HTML中的空格/Tab/换行,而Firefox下空格会认为是一个节点,因此,对类似节点取nextSibling或previousSibling时,需要判断是否是元素节点。

var el = $('#demo');
do {
el = el.nextSibling;
} while(el.nodeType != 1);
分享到:
评论

相关推荐

    JavaScript HTML DOM元素 节点操作汇总

    3. nodeType :节点的类型 节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(HTML 元素) 1、创建节点 1)创建该元素(元素节点); 2)向一个已存在的元素追加该元素。 语法:...

    jacascript DOM节点——元素节点、属性节点、文本节点

     元素节点的三个node属性:nodeType:1、nodeName/TagName:元素的标签名大写、nodeValue:null;  其父节点 parentNode 指向包含该元素节点的元素节点 Element 或文档节点 Document;  元素的 childNodes 属性中...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考,具体如下: DOM概念 DOM(Document Object Model):文档对象模型。 通过开发者工具的Elements标签页可以查看 通过开发者工具的Sources标签页也...

    DOM下的节点属性和操作小结

    2 .nodeType 值:1,元素节点;2,属性节点;3,文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串,指示这个节点的值。元素节点返回null,属性节点返回属性值,文本节点返回文本。nodeValue可读可写,这...

    HTML DOM的nodeType值介绍

    元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue ...

    浅谈Javascript中的12种DOM节点类型

    前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删内容)。浏览器会根据DOM模型,将HTML文档解析成一系列的节点,再由这些节点组成一个树状结构。... 元素节点 

    HTML DOM简介.rar

    目录如下: 1. DOM可以做什么? 2. DOM的结构 3. 访问DOM节点1——getElementById() ...7. DOM信息nodeType的应用 8. 修改DOM——innerHTML 9. 删除DOM节点——removeChild 10. 添加DOM节点 11. DOM简介总结

    jQuery遍历DOM节点操作之filter()方法详解

    本文实例分析了jQuery遍历DOM节点操作之filter()方法。分享给大家供大家参考,具体如下: .filter(selector) 此方法用于在匹配元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然...

    javascript DOM笔记 1

    -children 兼容版的获取子节点,也可理解为获取元素下的元素节点-nodeType 返回节点样式(只返回数字,数字1代表元素节点,数字2代表属性

    js DOM模型操作

    DOM模型中的节点:元素节点、文本节点、属性节点 例:私のdotnet小屋&lt;/a&gt; (1)a是元素节点 (2)“私のdotnet小屋”是文本节点 (3)href=”http://www.cnblogs.com/shuz”是属性节点 DOM节点的属性 属性 类型...

    [ JavaScript ] 敲完这几行代码,DOM基本操作也就学会了!

    Dom基本操作DOM查找节点的类型 nodeType遍历节点树基于元素节点树的遍历节点的四个属性DOM继承树DOM修改修改属性修改样式DOM添加添加元素优化 带着例子学Dom 几行代码就搞定! DOM查找 document代表整个文档 按id...

    JS实现访问DOM对象指定节点的方法示例

    本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考,具体如下: 一 介绍 使用getElementById()方法来访问指定id的节点,并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、...

    nodeType属性返回被选节点的节点类型介绍

    主要介绍了nodeType属性返回被选节点的节点类型。需要的朋友可以过来参考下,希望对大家有所帮助

    javascript dom 操作详解 js加强

    1 、文档里的每个节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能用于元素节点 ...

    Javascript入门学习第八篇 js dom节点属性说明第1/2页

    如果节点是元素节点,那么返回这个元素的名字。此时,相当于tagName属性。 比如: &lt;p&gt;aaaa : 则返回 p ; 如果是属性节点,nodeName将返回这个属性的名字。 如果是文本节点,nodeName将返回一个#text的字符串。 ...

    FlashMXAction简易手册.zip

    FlashMXAction简易手册.zip XML.nodeName 类型: 对象属性 ...注意:只有 XML 元素 (nodeType == 1) 节点可以拥有节点名称,如果访问一个 XML 文本 (nodeType == 3) 节点的 nodeName 属性,将返回 null 。

    浅谈nodeName,nodeValue,nodeType,typeof 的区别

    nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 ...nodeType 属性可返回节点的类型。 最重要的节点类型是: 元素element1属性attr2文本text3注释comments8文档document9补充: 值-元素

    javascript 操作DOM

    1.访问相关的节点 2.检测节点类型(nodeType) 3.处理特性 4.访问指定节点 5.创建和操作节点

    DOM 脚本编程中的兄弟节点

    除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话,nodeType为1。下面是查找它们的实用方法: 代码如下: lastSibling:function(node){ var tempObj = node[removed].lastChild; while(tempObj....

Global site tag (gtag.js) - Google Analytics