`
JavaSam
  • 浏览: 951724 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML nodeType 的值以及常用nodeType

 
阅读更多
定义和用法
nodeType 属性返回节点的类型。[1]
语法
attrObject.nodeType[1]
nodeType取值
Node.ELEMENT_NODE (1)
Node.ATTRIBUTE_NODE (2)
Node.TEXT_NODE (3)
Node.CDATA_SECTION_NODE (4)
Node.ENTITY_REFERENCE_NODE(5)
Node.ENTITY_NODE (6)
Node.PROCESSING_INSTRUCTION_NODE (7)
Node.COMMENT_NODE (8)
Node.DOCUMENT_NODE (9)
Node.DOCUMENT_TYPE_NODE (10)
Node.DOCUMENT_FRAGMENT_NODE (11)
Node.NOTATION_NODE (12)
以下是一些重要的nodeType的取值。
元素节点 节点类型取值(nodeType) 
元素element 1 
属性attr 2 
文本text 3 
注释comments 8 
文档document 9 
编辑本段实例在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()。[1]
下面的代码片段显示 category 属性的节点名称、节点值以及节点类型:
xmlDoc=loadXMLDoc("/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName('book');
for(i=0;i<x.length;i++){
document.write(x.item(i).attributes[0].nodeName);
document.write(" = ");
document.write(x.item(i).attributes[0].nodeValue);
document.write(" (nodetype: ");
document.write(x.item(i).attributes[0].nodeType + ")");
document.write("<br />");
}
以上代码的输出:
category = children (nodetype: 2)category = cooking (nodetype: 2)category = web (nodetype: 2)category = web (nodetype: 2)[1]

 

分享到:
评论

相关推荐

    DOM常用属性和方法

    下面列举了一些常见的节点类型及其对应的`nodeType`值: - **Element**: `Node.ELEMENT_NODE` (值为1),表示HTML或XML文档中的元素节点。 - **Text**: `Node.TEXT_NODE` (值为3),表示文本节点,通常用于表示文本...

    JavaScript知识点个人总结

    在JavaScript中,DOM(Document Object Model)是一种标准的表示HTML和XML文档的接口,它允许程序和脚本动态更新、添加、删除以及遍历文档结构。DOM的核心是节点树,每个节点都有自己的类型和特性。这里我们将深入...

    整理JavaScript对DOM中各种类型的元素的常用操作

    下面将详细讨论DOM中不同类型的节点以及常用的节点操作。 首先,节点类型由`nodeType`属性定义,常见的取值有: 1. `1`: 元素节点,例如`&lt;div&gt;`或`&lt;a&gt;`等。 2. `2`: 属性节点,如`class`或`href`等属性。 3. `3`: ...

    javascript DOM的详解及实例代码

    例如,元素节点的nodeType值为1,文本节点的nodeType值为3,而文档节点的nodeType值为9。 文档节点在DOM结构中代表整个HTML文档,它由document对象表示。document对象是JavaScript中访问文档内容的主要入口,它包含...

    DOM 节点操作 【微重点】【案例】.pdf

    nodeType返回的是一个整数值,对于不同的节点类型,返回值也有所不同: - 元素节点的nodeType为1。 - 属性节点的nodeType为2。 - 文本节点的nodeType为3。 了解了节点的类型之后,我们来看看如何在实际开发中高效...

    JavaScript操作XML/HTML比较常用的对象属性集锦

    在介绍JavaScript操作XML/HTML时,常用到一系列对象属性和方法来操作DOM(文档对象模型),这些属性和方法允许开发者对XML/HTML文档进行读取、创建和修改。本篇文章将详细介绍一些在JavaScript中操作XML/HTML时经常...

    javascript 常用DomAPI总结

    本文将对原生 JavaScript 中常用的 DOM 节点相关 API 进行详细总结。 #### 二、节点属性与方法 ##### 1. Node 节点属性 - **Node.nodeName**: 返回节点名称,只读。 - **Node.nodeType**: 返回节点类型的常数值,...

    千锋HTML5-JS阶段第三周理论考试题目02.pdf

    8. `document.getElementById`、`document.getElementsByTagName`、`document.querySelector`、`document.querySelectorAll`是查询元素的常用方法。兼容性问题可使用`jQuery`或其他库解决,它们提供了统一的API。 9...

    javascript动态修改Li节点值的方法

    JavaScript是一种常用的客户端脚本语言,常用于网页交互和动态效果的实现。在本文中,我们将深入探讨如何使用JavaScript动态修改`&lt;li&gt;`(列表项)节点的值,这对于创建交互式网页列表非常有用。 首先,我们需要理解...

    HTML文档对象模型

    8. **DOM与JavaScript的关系**:JavaScript是操作DOM最常用的脚本语言,通过JavaScript,开发者可以动态修改HTML页面,实现丰富的交互效果。然而,DOM本身是语言无关的,任何支持DOM规范的语言都可以用来操作DOM树。...

    js常用DOM方法详解

    本文主要详细介绍了JavaScript中几个常用的DOM操作方法,它们分别是getElementById、getElementsByTagName、getElementsByClassName、getAttribute、setAttribute、childNodes、nodeType、nodeValue、firstChild和...

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

    `getElementById()`方法是最常用的选择器之一,配合`nodeName`、`nodeType`和`nodeValue`属性,可以方便地获取和操作HTML元素的属性和内容。此外,JavaScript还提供了其他选择器,如`getElementsByTagName()`、`...

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

    它们是DOM树的主要构成部分,具有`nodeType`值为1。节点的`nodeName`是大写的标签名,如`BODY`,而`nodeValue`通常为`null`。 示例: ```javascript let body = document.body; console.log(body.nodeType); // 1 ...

    JavaScript DOM常用操作代码汇总

    常用属性:`parentNode`返回当前元素的父节点,`children`和`childNodes`返回子元素和所有子节点,`firstChild`和`lastChild`获取第一个和最后一个子节点,`nextSibling`和`previousSibling`获取同级元素,`...

    DOM 结构 structure,

    这个结构允许程序和脚本通过编程方式来访问和修改文档的内容、结构以及样式。DOM将一个网页分解为独立的对象,每个对象都有自己的属性和方法,使得开发者可以对这些对象进行操作,从而实现动态网页的效果。 一、DOM...

    DOM方法总结

    DOM规范由W3C组织制定,确保了跨浏览器、跨平台以及跨语言的一致性。 #### DOM中的节点类型 在DOM中,所有内容都被视为节点。具体来说,文档本身是一个文档节点;HTML标签被视为元素节点;标签内的文本内容是文本...

    javascript学习笔记

    这段代码演示了如何获取一个DOM元素的基本信息,包括节点类型、节点名称以及节点值。对于元素节点而言,`nodeValue`通常为空。 以上是根据提供的文件信息总结出的JavaScript基本知识点与应用实例,希望对你学习...

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

    学习DOM节点的各种属性对于我们深入理解DOM结构,以及使用JavaScript来操作页面具有重要意义。 首先,我们来看一下DOM节点的重要属性之一:nodeName。顾名思义,nodeName属性代表的是节点的名字。对于元素节点而言...

Global site tag (gtag.js) - Google Analytics