Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

XML 教程

XML 主页 XML 简介 XML 如何使用 XML 树 XML 语法 XML 元素 XML 属性 XML 命名空间 XML 显示 XML HttpRequest XML 解析器 XML DOM XML XPath XML XSLT XML XQuery XML XLink XML 验证器 XML DTD XML 模式 XML 服务器 XML 示例 XML 测验 XML 证书

XML AJAX

AJAX 简介 AJAX XMLHttp AJAX 请求 AJAX 响应 AJAX XML 文件 AJAX PHP AJAX ASP AJAX 数据库 AJAX 应用 AJAX 示例

XML DOM

DOM 简介 DOM 节点 DOM 访问 DOM 节点信息 DOM 节点列表 DOM 遍历 DOM 导航 DOM 获取值 DOM 修改节点 DOM 删除节点 DOM 替换节点 DOM 创建节点 DOM 添加节点 DOM 克隆节点 DOM 示例

XPath 教程

XPath 简介 XPath 节点 XPath 语法 XPath 轴 XPath 操作符 XPath 示例

XSLT 教程

XSLT 简介 XSL 语言 XSLT 转换 XSLT <template> XSLT <value-of> XSLT <for-each> XSLT <sort> XSLT <if> XSLT <choose> XSLT Apply XSLT 在客户端 XSLT 在服务器 XSLT 编辑 XML XSLT 示例

XQuery 教程

XQuery 简介 XQuery 示例 XQuery FLWOR XQuery HTML XQuery 术语 XQuery 语法 XQuery 添加 XQuery 选择 XQuery 函数

XML DTD

DTD 简介 DTD 构建块 DTD 元素 DTD 属性 DTD 元素 vs 属性 DTD 实体 DTD 示例

XSD 模式

XSD 简介 XSD 如何 XSD <schema> XSD 元素 XSD 属性 XSD 限制 XSD 复杂元素 XSD 空 XSD 仅元素 XSD 仅文本 XSD 混合 XSD 指示器 XSD <any> XSD <anyAttribute> XSD 替换 XSD 示例

XSD 数据类型

XSD 字符串 XSD 日期/时间 XSD 数字 XSD 其他 XSD 引用

Web 服务

XML 服务 XML WSDL XML SOAP XML RDF XML RSS

参考

DOM 节点类型 DOM 节点 DOM 节点列表 DOM NamedNodeMap DOM 文档 DOM 元素 DOM 属性 DOM 文本 DOM CDATA DOM 注释 DOM XMLHttpRequest DOM 解析器 XSLT 元素 XSLT/XPath 函数

XML DOM - 访问节点


使用 DOM,您可以访问 XML 文档中的每个节点。


访问节点

您可以通过三种方式访问节点

  1. 使用 getElementsByTagName() 方法
  2. 遍历节点树
  3. 使用节点关系导航节点树

getElementsByTagName() 方法

getElementsByTagName() 返回所有具有指定标签名的元素。

语法

node.getElementsByTagName("tagname");

示例

以下示例返回 x 元素下所有 <title> 元素

x.getElementsByTagName("title");

请注意,上面的示例仅返回 x 节点下的 <title> 元素。要返回 XML 文档中的所有 <title> 元素,请使用

xmlDoc.getElementsByTagName("title");

其中 xmlDoc 是文档本身(文档节点)。



DOM 节点列表

getElementsByTagName() 方法返回一个节点列表。节点列表是一个节点数组。

x = xmlDoc.getElementsByTagName("title");

可以通过索引号访问 x 中的 <title> 元素。要访问第三个 <title>,您可以编写:

y = x[2];

注意:索引从 0 开始。

试试看


DOM 节点列表长度

length 属性定义节点列表的长度(节点数量)。

您可以使用 length 属性遍历节点列表

示例

var x = xmlDoc.getElementsByTagName("title");

for (i = 0; i <x.length; i++) {
  // 对每个节点执行某些操作
  }
试试看 »

节点类型

XML 文档的 documentElement 属性是根节点。

节点的 nodeName 属性是节点的名称。

节点的 nodeType 属性是节点的类型。

您将在本教程的下一章中了解更多关于节点属性的信息。

试试看


遍历节点

以下代码遍历根节点的子节点(也是元素节点)

示例

txt = "";
x = xmlDoc.documentElement.childNodes;

for (i = 0; i <x.length; i++) {
  // 仅处理元素节点(类型 1)
  if (x[i].nodeType == 1) {
    txt += x[i].nodeName + "<br>";
  }
}
试试看 »

示例解释

  1. 假设您已将 "books.xml" 加载到 xmlDoc 中
  2. 获取根元素 (xmlDoc) 的子节点
  3. 对于每个子节点,检查节点类型。如果节点类型为“1”,则它是一个元素节点
  4. 如果它是一个元素节点,则输出节点的名称

导航节点关系

以下代码使用节点关系导航节点树

示例

x = xmlDoc.getElementsByTagName("book")[0];
xlen = x.childNodes.length;
y = x.firstChild;

txt = "";
for (i = 0; i <xlen; i++) {
  // 仅处理元素节点(类型 1)
  if (y.nodeType == 1) {
    txt += y.nodeName + "<br>";
  }
  y = y.nextSibling;
}
试试看 »

示例解释

  1. 假设您已将 "books.xml" 加载到 xmlDoc 中
  2. 获取第一个 book 元素的子节点
  3. 将“y”变量设置为第一个 book 元素的第一个子节点
  4. 对于每个子节点(从第一个子节点“y”开始)
  5. 检查节点类型。如果节点类型为“1”,则它是一个元素节点
  6. 如果它是一个元素节点,则输出节点的名称
  7. 将“y”变量设置为下一个兄弟节点,并再次运行循环

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.