异常教程

XML DOM – Attr 对象（建议收藏）

更新时间:

💡一则或许对你有用的小广告

欢迎加入小哈的星球 ，你将获得：专属的项目实战 / 1v1 提问 / Java 学习路线 / 学习打卡 / 每月赠书 / 社群讨论

  • 新项目:《从零手撸：仿小红书（微服务架构）》 正在持续爆肝中，基于 Spring Cloud Alibaba + Spring Boot 3.x + JDK 17...，点击查看项目介绍 ;
  • 《从零手撸：前后端分离博客项目（全栈开发）》 2 期已完结，演示链接： http://116.62.199.48/ ;

截止目前， 星球 内专栏累计输出 82w+ 字，讲解图 3441+ 张，还在持续爆肝中.. 后续还会上新更多项目，目标是将 Java 领域典型的项目都整一波，如秒杀系统, 在线商城, IM 即时通讯，权限管理，Spring Cloud Alibaba 微服务等等，已有 2900+ 小伙伴加入学习 ，欢迎点击围观

前言

在现代 Web 开发和数据交换中，XML（可扩展标记语言）因其结构化和灵活性而被广泛应用。而 DOM（文档对象模型）作为操作 XML 文档的核心接口，为开发者提供了强大的工具链。在 DOM 的众多对象中，Attr 对象是理解 XML 节点属性的关键。无论是处理配置文件、解析 API 返回的数据，还是构建动态文档，掌握 Attr 对象的特性与用法，都能显著提升开发效率。本文将通过循序渐进的方式，结合代码示例和实际场景，深入解析这一主题。

核心概念：Attr 对象是什么？

Attr 对象的定义

Attr 对象是 XML DOM 中用于表示元素节点的属性（Attribute）的接口。在 XML 文档中，每个元素可以包含多个属性，例如：

<book id="001" title="XML 教程" price="29.99" />

这里的 id、title 和 price 就是元素 book 的属性，而每个属性在 DOM 中对应一个 Attr 对象。

Attr 对象的特性

与元素节点不同，Attr 对象具有以下特点：

  1. 父节点是元素节点：每个 Attr 对象的父节点（parentNode）是其所属的元素节点。
  2. 值不可直接修改：在早期的 DOM 规范中，Attr 对象的 value 属性是只读的，但现代浏览器和解析器通常允许直接修改。
  3. 属性名唯一性：同一元素的属性名必须唯一，否则会覆盖已有属性。

形象比喻：图书馆的书签系统

可以将 XML 文档想象成一座图书馆，每个书架（元素节点）上都贴有标签（属性）。例如，一本名为 <book> 的书架可能贴有 id="001"、author="张三" 的标签。Attr 对象就像这些标签本身，记录了书架的关键信息，而开发者可以通过 DOM API 对这些标签进行增删改查。

Attr 对象的属性详解

常见属性与含义

以下是 Attr 对象的核心属性：

属性名描述
name属性的名称，例如 title、price。
value属性的值，例如 "XML 教程"、"29.99"。
ownerElement指向该属性所属的元素节点，若属性未被附加到元素，则返回 null。

示例代码：访问属性值

// 假设已通过 DOM 解析 XML 文档  
const attrNode = bookElement.getAttributeNode("title");  
console.log(attrNode.name);    // 输出："title"  
console.log(attrNode.value);   // 输出："XML 教程"

特殊属性：specified

specified 是一个布尔值属性，用于判断属性是否由用户显式声明。例如：

<book title="XML 教程" /> <!-- 显式声明 -->  
<book>                 <!-- 隐式声明（假设 title 是默认属性） -->  
  <title>XML 教程</title>  
</book>

在第一个 <book> 中，title 的 specified 为 true；在第二个 <book> 中，若 title 是默认属性，则 specified 可能为 false。

Attr 对象的方法与操作

基础操作：获取与设置属性

1. 通过 getAttributeNode() 获取 Attr 对象

const bookElement = xmlDoc.getElementsByTagName("book")[0];  
const attrNode = bookElement.getAttributeNode("price");

2. 直接修改属性值

// 修改 value 属性  
attrNode.value = "39.99";  
// 或直接通过元素节点操作  
bookElement.setAttribute("price", "39.99");

3. 删除属性

bookElement.removeAttribute("price");  
// 或通过 Attr 对象  
bookElement.removeAttributeNode(attrNode);

高级技巧：动态创建与复制属性

创建新属性

// 创建 Attr 对象并附加到元素  
const newAttr = xmlDoc.createAttribute("category");  
newAttr.value = "编程";  
bookElement.setAttributeNode(newAttr);

复制属性（深拷贝）

// 通过克隆元素间接复制属性  
const clonedBook = bookElement.cloneNode(true);

实际案例：构建商品信息解析器

场景描述

假设需要从 XML 配置文件中读取商品信息，并动态更新价格：

<products>  
  <product id="prod001" name="笔记本电脑" price="1299.00" stock="50" />  
  <product id="prod002" name="无线耳机" price="199.99" stock="100" />  
</products>

步骤 1：解析 XML 并遍历元素

const parser = new DOMParser();  
const xmlDoc = parser.parseFromString(xmlData, "application/xml");  
const products = xmlDoc.getElementsByTagName("product");  

for (let i = 0; i < products.length; i++) {  
  const product = products[i];  
  // 获取 price 属性的 Attr 对象  
  const priceAttr = product.getAttributeNode("price");  
  // 计算折扣后价格  
  const discountedPrice = parseFloat(priceAttr.value) * 0.8;  
  // 更新属性值  
  priceAttr.value = discountedPrice.toFixed(2);  
}

步骤 2：输出修改后的 XML

const serializer = new XMLSerializer();  
const updatedXml = serializer.serializeToString(xmlDoc);  
console.log(updatedXml);

常见问题与解决方案

问题 1：如何避免属性名冲突？

  • 解决方案：使用命名空间（Namespace）为属性指定唯一前缀，例如 xmlns:custom="http://example.com"，然后声明属性为 custom:price="..."。

问题 2：Attr 对象与元素节点的关系如何管理？

  • 关键点：若直接操作 Attr 对象的 ownerElement 属性，可能导致文档结构混乱。建议通过 setAttributeNode() 或 removeAttributeNode() 安全地修改关系。

结论

Attr 对象是 XML DOM 中不可或缺的组件，它承载着元素节点的关键元数据。通过掌握其属性、方法及操作技巧，开发者可以高效地解析、修改和生成 XML 文档，从而应对配置管理、数据交换等实际场景。无论是处理静态数据还是动态交互，理解 Attr 对象的核心逻辑，都将为你的开发之路增添一份从容。

未来，随着 Web 技术的演进，DOM API 会持续优化，但 Attr 对象的基础原理始终是开发者需要牢牢把握的根基。希望本文能帮助你在 XML 开发的旅程中走得更远！

最新发布

查看更多文章