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

XML DOM深入浅出之节点操作

 
阅读更多

XML DOM深入浅出之节点操作

作者:张小飞 iteye账号:z_xiaofei168

       今天就来和大家分享下,关于节点的操作。也就是所谓的增删改查,不过我目前用的比较多的还是查,因为数据多是从后台查询出来的,也就暂时用不着再增、改和删了。不过我会把这些方法都写到博客中和大家分享。相信在不同的开发中会有不同的作用。

       一、XML DOM获取节点值

       nodeValue 属性用于获取节点的文本值。

       getAttribute() 方法返回属性的值。

       1、获取元素的值

       在 DOM 中,每种成分都是节点。元素节点没有文本节点。元素节点的文本存储在子节点中。该节点称为文本节点。获取元素文本的方法,就是获取这个子节点(文本节点)的值。

       getElementsByTagName() 方法返回包含拥有指定标签名的所有元素的节点列表,其中的元素的顺序是它们在源文档中出现的顺序。

 

// 加载book.xml文件 
xmlDoc = loadXMLDoc("<%=path %>/xml/book.xml");

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0]; // childNodes 属性返回子节点的列表
txt = y.nodeValue; // nodeValue 属性返回文本节点的文本值
document.write("获取元素值: "+txt);
document.write("<br/>"); 

 

       2、获取属性的值

       在 DOM 中,属性也是节点。与元素节点不同,属性节点拥有文本值。获取属性的值的方法,就是获取它的文本值。可以通过使用 getAttribute() 方法或属性节点的 nodeValue 属性来完成这个任务。

 

att = xmlDoc.getElementsByTagName("title")[0].getAttribute("low");
document.write("获取属性值: "+att);

       setAttribute() 方法用于改变属性的值。

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Hello World";

       二、XML DOM获取节点值      

       1、改变元素的值

aa = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue="Hello World";
document.write("改变元素值: "+aa);
document.write("<br/>");

       2、改变属性的值

bb=xmlDoc.getElementsByTagName('book')[0].setAttribute("category","WEB");
document.write("改变属性值: "+bb);
document.write("<br/>");

   

nodeValue 属性可用于更改属性节点的值:
xx=xmlDoc.getElementsByTagName("book")[0]
yy=xx.getAttributeNode("category");
yy.nodeValue="WEB";

      三、XML DOM创建和添加节点

      1、创建节点

      createElement() 方法创建新的元素节点,createAttribute() 用于创建新的属性节点,由于 setAttribute() 可以在属性不存在的情况下创建新的属性,我们可以使用这个方法来创建新属性,createTextNode() 方法创建新的文本节点。createComment() 方法创建一个新的注释节点等等。

// 创建新的元素节点
newel=xmlDoc.createElement("desk");
// 创建新的属性节点
newatt=xmlDoc.createAttribute("edition");
newatt.nodeValue="aa";

// 通过使用 setAttribute() 来创建属性
x[0].setAttribute("desk","bb");		
x.appendChild(newel);

// 创建文本节点
newtext=xmlDoc.createTextNode("cc");
newel.appendChild(newtext);

     2、添加节点 - appendChild()

       appendChild() 方法向已存在的节点添加子节点。新节点会添加(追加)到任何已存在的子节点之后。

       四、XML DOM删除节点

       removeChild() 方法删除指定节点。

       removeAttribute() 方法删除指定属性。

分享到:
评论

相关推荐

    XML DOM深入浅出之基础

    在“XML DOM深入浅出之基础”这个主题中,我们将探讨DOM的核心概念、主要功能以及如何在实际编程中应用。 首先,DOM将XML文档视为一个树形结构,其中每个元素、属性、文本节点等都有其对应的对象,这些对象组成了一...

    XML深入浅出

    本篇文章将深入浅出地探讨XML的核心概念、语法、解析方式以及在实际中的应用。 一、XML基本概念 XML源于HTML,但两者的主要区别在于HTML主要用于展示数据,而XML专注于描述数据。XML文档由元素(Element)、属性...

    八套Xml文档对象模型Dom书籍文档资料.rar

    XML(eXtensible Markup Language)是一种用于标记...而提供的“八套Xml文档对象模型Dom书籍文档资料”应该包含了深入浅出的DOM理论讲解、实践案例分析以及相关的API使用指南,对于深入学习DOM和XML处理非常有价值。

    java Dom教程PDF版

    Java DOM教程PDF版是一份详尽的指南,专注于...这份PDF教程将深入浅出地讲解这些概念,并通过实例演示如何在Java中实际应用DOM技术处理XML数据。对于希望提升Java XML处理能力的开发者来说,是一份不可多得的学习资料。

    dom手册(中文、英文)

    2. **教程文档**:深入浅出地讲解DOM的各个方面,适合初学者快速上手。 3. **练习和测试**:帮助读者巩固学习成果,通过实践来检验对DOM的理解。 4. **浏览器兼容性**:列出DOM接口在不同浏览器上的支持情况,提醒...

    深入浅出Ajax教程

    本教程《深入浅出Ajax》旨在全面讲解Ajax技术的各个方面,帮助读者掌握这一强大的工具。以下是一些关键知识点: 1. **XMLHttpRequest对象**:Ajax的核心就是XMLHttpRequest对象,它允许JavaScript在后台与服务器...

    个人JavaScript深入浅出要点总结PDF版

    这份"个人JavaScript深入浅出要点总结PDF版"涵盖了JavaScript的核心知识,旨在帮助学习者构建坚实的JavaScript基础。 首先,JavaScript是一种解释型的、基于原型的、动态类型的脚本语言。它的动态性意味着变量的...

    Head First Ajax 深入浅出Ajax 高清原版

    ### Head First Ajax:深入浅出Ajax 高清原版 #### 重要知识点解析: ##### 1. 使用Ajax:为新一代打造的Web应用 (UsingAjax:WebAppsforaNewGeneration) - **传统网页与Ajax的区别**:传统的网页在用户与服务器...

    JavaScript DOM编程艺术(第2版pdf)+源代码

    这本书为初学者提供了全面的指导,深入浅出地介绍了JavaScript与DOM结合的各种技巧和方法。 首先,书中的核心知识点围绕JavaScript语言基础展开,包括变量、数据类型、运算符、流程控制语句(如if...else、for、...

    非常实用的DOM文档对象中文手册

    这个中文手册深入浅出地阐述了DOM的核心原理和实践技巧,对初学者和经验丰富的开发者都是宝贵的参考资料。通过学习和实践,你可以掌握网页动态更新、交互设计和自动化测试等技能,提高网页开发的效率和灵活性。

    实战XML教程(第二版),对xml的知识做了深入细致的讲解。

    本教程“实战XML教程(第二版)”深入浅出地探讨了XML的各种核心概念和技术,旨在帮助读者掌握XML的全面知识。 XML的基本结构: 1. 文档类型定义(DTD,Document Type Definition):DTD用于定义XML文档的结构和元素...

    DOMscripting

    总之,《DOMscripting》是一本深入浅出的JavaScript与DOM交互指南,对于想要提升Web前端技能的开发者来说,是一份宝贵的资源。掌握DOMscripting技术,不仅可以创建更具交互性的网页,还能提高网站的可访问性和用户...

    DOM Scripting.Web.Design.with.JavaScript.and.the.Document.Object.Model(JavaScript DOM编程艺术)

    这本书深入浅出地介绍了如何利用JavaScript动态操控网页内容,提升用户体验,以及实现丰富的交互功能。 DOM(Document Object Model)是HTML和XML文档的一种标准表示方式,它将网页内容结构化为一个可编程的对象...

    JavaScript DOM编程艺术 第2版 及源码

    总的来说,《JavaScript DOM编程艺术 第2版》是一本深入浅出的JavaScript DOM教程,适合所有想要提升网页动态交互能力的开发者。通过学习这本书,你不仅可以掌握DOM的基本操作,还能了解到如何利用JavaScript和DOM来...

    Beginning XML with C# 7 XML Processing and Data Access for C# Developers

    这本书深入浅出地介绍了XML的语法、结构以及如何利用C#进行XML的解析、操作和数据存取。 XML(Extensible Markup Language)是一种通用的数据交换格式,它以纯文本形式存储数据,允许自定义标签以表示复杂的数据...

    Learning XML

    《Learning XML》是一本深入浅出的XML学习指南,它为初学者提供了全面而实用的知识,同时也适合有经验的开发者作为参考。XML(eXtensible Markup Language)是一种标记语言,设计用于传输和存储数据,尤其在Web应用...

    XML学习手册第二版

    在“XML学习手册第二版”中,它深入浅出地介绍了XML的基本概念、语法规范以及实际应用。 首先,XML的核心是其结构化特性。XML文档由元素构成,元素是XML文档的基本构建块,它们可以包含其他元素、文本或者属性。每...

    Delphi XML 权威指南

    《Delphi XML 权威指南》是一本专为Delphi开发者设计的全面解析XML技术的书籍,它深入浅出地介绍了如何在Delphi环境中高效、正确地处理XML数据。本书内容丰富,涵盖了从XML基础到高级应用的各个方面,旨在帮助读者...

    Ajax完全自学手册-DOM基础及高级DOM技术(word版,附源码)

    本手册深入浅出地讲解了DOM的基础概念以及高级DOM技术,尤其对JavaScript开发者而言,掌握DOM操作是实现动态网页、Ajax应用的关键。 **一、DOM基础** 1. **DOM定义**: DOM是W3C标准,它将HTML或XML文档解析为一棵...

    java处理xml文件

    Java处理XML文件是Java开发中的常见任务,XML(Extensible Markup Language)作为一种可扩展标记语言,...西安野马培训资料提供的内容应深入浅出地讲解了这些概念,对于学习和提升Java处理XML的技能是非常有价值的。

Global site tag (gtag.js) - Google Analytics