XML DOM完全参考手册（二）DOM节点

最新推荐文章于 2022-06-20 07:00:00 发布
最新推荐文章于 2022-06-20 07:00:00 发布
阅读量988 收藏 1
点赞数
分类专栏： JS重塑学习

解析 XML DOM

大多数浏览器都内建了供读取和操作 XML 的 XML 解析器。

解析器把 XML 转换为 JavaScript 可存取的对象。

解析 XML

所有现代浏览器都内建了用于读取和操作 XML 的 XML 解析器。

解析器把 XML 读入内存，并把它转换为可被 JavaScript 访问的 XML DOM 对象。

微软的 XML 解析器与其他浏览器中的解析器是有差异的。微软的解析器支持对 XML 文件和 XML 字符串（文本）的加载，而其他浏览器使用单独的解析器。不过，所有的解析器都含有遍历 XML 树、访问、插入及删除节点的函数。

通过微软的 XML 解析器加载 XML

微软的 XML 解析器内建于 Internet Explorer 5 及更高版本中。

下面的 JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器：

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("books.xml");

代码解释：

  • 第一行创建空的微软 XML 文档对象
  • 第二行关闭异步加载，这样可确保在文档完整加载之前，解析器不会继续执行脚本
  • 第三行告知解析器加载名为 "books.xml" 的文档

下面的 JavaScript 片段把名为 txt 的字符串载入解析器中：

xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(txt);
注释：loadXML() 方法用于加载字符串（文本），而 load() 用于加载文件。

在 Firefox 及其他浏览器中的 XML 解析器

下面的 JavaScript 片段把 XML 文档 ("books.xml") 载入了解析器：
 
<span style="background-color: rgb(249, 249, 249);">x</span><span style="background-color: rgb(255, 255, 255);">mlDoc=document.implementation.createDocument("","",null);
xmlDoc.async="false";
xmlDoc.load("books.xml");</span>

代码解释：

  • 第一行创建空的 XML 文档对象
  • 第二行关闭异步加载，这样可确保在文档完整加载之前，解析器不会继续执行脚本
  • 第三行告知解析器加载名为 "books.xml" 的文档

下面的 JavaScript 片段把名为 txt 的字符串载入解析器中：


 
<span style="background-color: rgb(255, 255, 255);">parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");</span>

代码解释：

  • 第一行创建一个空的 XML 文档对象
  • 第二行告知解析器加载名为 txt 的字符串

注释：Internet Explorer 使用 loadXML() 方法来解析 XML 字符串，而其他浏览器使用 DOMParser 对象。

<span style="background-color: rgb(255, 255, 255);"><html>
<body>
<script type="text/javascript">
try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
  catch(e) {alert(e.message)}
  }
try 
  {
  xmlDoc.async=false;
  xmlDoc.load("books.xml");
  document.write("xmlDoc is loaded, ready for use");
  }
catch(e) {alert(e.message)}
</script>
</body>
</html></span>

解析 XML 字符串 - 一个跨浏览器的实例

下面的代码加载并解析了一个 XML 字符串：

<span style="background-color: rgb(255, 255, 255);"><html>
<body>
<script type="text/javascript">
text="<bookstore>"
text=text+"<book>";
text=text+"<title>Harry Potter</title>";
text=text+"<author>J K. Rowling</author>";
text=text+"<year>2005</year>";
text=text+"</book>";
text=text+"</bookstore>";

try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async="false";
  xmlDoc.loadXML(text);
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    parser=new DOMParser();
    xmlDoc=parser.parseFromString(text,"text/xml");
    }
  catch(e) {alert(e.message)}
  }
document.write("xmlDoc is loaded, ready for use");
</script>
</body>
</html></span>

XML DOM 访问节点



function loadXMLDoc(dname) 
{
try //Internet Explorer
  {
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
  }
catch(e)
  {
  try //Firefox, Mozilla, Opera, etc.
    {
    xmlDoc=document.implementation.createDocument("","",null);
    }
  catch(e) {alert(e.message)}
  }
try 
  {
  xmlDoc.async=false;
  xmlDoc.load(dname);
  return(xmlDoc);
  }
catch(e) {alert(e.message)}
return(null);
}
一个通用的加载XML的方法；

访问节点

您可以通过三种方法来访问节点：

  1. 通过使用 getElementsByTagName() 方法
  2. 通过循环（遍历）节点树
  3. 通过利用节点的关系在节点树中导航
循环遍历访问title节点 
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title");
for (i=0;i<x.length;i++)
  { 
  document.write(x[i].childNodes[0].nodeValue);
  document.write("<br />");
  }

例子解释：

  1. 使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc
  2. 取得所有 <title> 元素节点
  3. 输出每个 <title> 元素的文本节点的值

Node Type

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

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

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

遍历节点

下面的代码循环根节点的子节点，同时也是元素节点：

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.documentElement.childNodes;

for (i=0;i<x.length;i++)
{ 
  if (x[i].nodeType==1)
  {//Process only element nodes (type 1) 
  document.write(x[i].nodeName);
  document.write("<br />");
  } 
}

例子解释：

  1. 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  2. 获得根元素的子节点
  3. 检查每个子节点的节点类型。如果节点类型是 "1"，则是元素节点
  4. 如果是元素节点，则输出节点的名称

XML DOM 节点信息

节点的属性

在 XML 文档对象模型 (DOM) 中，每个节点都是一个对象。

对象拥有方法（功能）和属性（关于对象的信息），并可通过 JavaScript 进行访问和操作。

三个重要的 XML DOM 节点属性是：

  • nodeName
  • nodeValue
  • nodeType

nodeName 属性

nodeName 属性规定节点的名称。

  • nodeName 是只读的
  • 元素节点的 nodeName 与标签名相同
  • 属性节点的 nodeName 是属性的名称
  • 文本节点的 nodeName 永远是 #text
  • 文档节点的 nodeName 永远是 #document

nodeValue 属性

nodeValue 属性规定节点的值。

  • 元素节点的 nodeValue 是 undefined
  • 文本节点的 nodeValue 是文本自身
  • 属性节点的 nodeValue 是属性的值

更改元素的值

下面的代码更改第一个 <title> 元素的文本节点的值： 
xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

代码解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 获取第一个 <title> 元素节点的文本节点
  • 把文本节点的值更改为 "Easy Cooking"

nodeType 属性

nodeType 属性规定节点的类型。

nodeType 是只读的。

最重要的节点类型是：

元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9
漫长学习路
关注
专栏目录
Microsoft_XMLDOM帮助
09-07
Microsoft_XMLDOM帮助，xml document 对象模型手册
XML支持模块XMLDOM对象方法手册
08-20
XMLDOM对象方法手册主要涵盖了以下几个方面： 1. **导入**：导入XML文档到内存中，通常使用`DOMParser`或`ActiveXObject`（在IE浏览器中）来解析XML字符串或文件，创建一个DOM树。 2. **导出**：将内存中的DOM树...
XML DOM完全参考手册（一）DOM与节点
漫长学习路
07-26 1111
XML 文档对象模型定义访问和操作XML文档的标准方法。 DOM 将 XML 文档作为一个树形结构，而树叶被定义为节点。 XML DOM 简介 XML DOM 定义了访问和处理 XML 文档的标准方法。 XML DOM 是 XML Document Object Model 的缩写，即 XML 文档对象模型。 什么是 DOM？
XML DOM 属性和方法
u014651824的专栏
04-15 947
属性和方法向 XML DOM 定义了编程接口。实例 　　下面的例子使用 XML 文件 books.xml。 　　函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。 　　函数 loadXMLString()，位于外部 JavaScript 中，用于加载 XML 字符串。 　　加载并解析 XML 文件 　　加载并解析 XML 字符串编程接口 　　D
dom html xml,XML DOM介绍
weixin_33185261的博客
07-02 159
XML DOM介绍一、XML DOM简介DOM(Document Object Model，文档对象模型)是一种应用程序接口(API)的应用，它将文档(如XML文档，HTML文档等)看成是一个文档对象，然后通过程序语言(如JavaScript等脚本语言，C++等)调用该文档对象，对文档中的数据进行存取，并利用程序对获取的数据进行跟进一步的处理。XMLDOM是将XML文档以DOM方式包装，通过DOM...
XML DOM 知识点
HMing的博客
08-23 72
　　第一部分【DOM基础】 DOM介绍： 1、什么是 HTML DOM？ HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法(接口)。 2、什么是 XML DOM? XML DOM 是： 用于 XML 的标准对象模型 用于 XML 的标准编程接口 中立于平台和语言 W3C 的标准 XML DOM 定义了所有 XML 元素的对象和属性，以及访问它们的方法(接口...
oracle 使用XMLDOM包，保存XML节点数据到数据库表中，支持多个节点嵌套XML格式
最新发布
04-01
### Oracle使用XMLDOM包保存XML节点数据到数据库表中的实践 #### 一、背景与需求分析 在实际项目开发过程中，经常会遇到与第三方系统交互的需求。这些第三方接口往往返回的数据格式为XML。为了方便后续处理及存储...
XMLDOM对象方法手册
03-01
这篇“XMLDOM对象方法手册”提供了关于如何利用XMLDOM对象进行XML操作的详细指南。 1. **XMLDOM对象的创建** 在JavaScript中，可以使用`ActiveXObject`来创建XMLDOM对象，例如： ```javascript var xmlDoc = new...
XML-DOM编程模型简单参考手册.doc
01-08
DOM解析器将XML文档解析成一个对象树，每个XML元素、属性、文本节点等都对应树中的一个节点。树的根节点是整个文档，而子节点代表文档的不同部分。这个模型允许开发者通过遍历树来访问和修改文档的任意部分。 在DOM...
LoadXML的正确使用(原文：http://blog.sina.com.cn/s/blog_68530d690100mlcp.html)
大巧不工
10-17 1506
LoadXML是MS提供的XMLDom接口中的一个函数，用于将字符串载入一个XML document,该函数的使用存在很多注意事项，在近来的开发调用中总结出以下几点： 1、字符串必须是一个完整的xml document或者well-formed的片段，否则会出现异常退出的错误。
xml操作学习(一)---运用XmlDocument对象操作Xml
zhou_xuexi的专栏
06-15 592
今天学习了有关xml操作的方法，收货不少，下面是代码，其中删除要特别注意（下面已说明） ///     /// 添加xml节点    ///     protected void AddXmlNode()    {         //创建xml文档实例        XmlDocument xmlDoc = new XmlDocument();      
WebView的详细介绍
u014649337的专栏
08-18 1499
webview 与 javascript的交互：
【JavaScript 进阶教程】案例一：使用面向对象模拟浏览器顶部切换栏
weixin_52212950的博客
06-20 3506
我们已经学会了很多 Tab 栏的写法，原生 JS 的写法，jQuery 的写法等等，学了面向对象后，我们就要学会用面向对象来实现我们 ES6 的第一个小案例------面向对象 Tab 切换栏，其中和以往不同的是，增加了添加 tab 栏，双击修改 Tab 栏等功能，其实它更像我们浏览器网页的顶部选项卡。...............
Microsoft.XMLDOM中文手册
qqcxw
08-17 719
<br />abort 方法<br /> 作   用 abort 方法取消一个进行中的异步下载<br /> 基本语法<br /> xmlDocument.abort();<br />说   明<br /> 如果这个方法在异步下载时被呼叫，所有的解析动作会停止，而且在内存中的文件会被释放。<br />范   例<br />xmlDocument.abort();
Microsoft.xmldom介绍以及api文档
wuhui
05-22 681
XML DOM介绍、例子以及Microsoft.xmldom api文档 　　1.文档对象模型（DOM） 　　DOM是HTML和XML文档的编程基础，它定义了处理执行文档的途径。编程者可以使用DOM增加文档、定位文档结构、填加修改删除文档元素。W3C的重要目标是把利用DOM提供一个使用于多个平台的编程接口。W3C DOM被设计成适合多个平台，可使用任意编程语言实现的方...
Android 让EditText失去焦点避免自动弹出输入法
hjysmi的专栏
05-30 426
如果一进去activity，EditText就获取焦点，弹出输入法界面，无疑是很影响美观的。关于让EditText失去焦点，网上比较多的做法是添加一个visibility=gone的Textview.然后让这个textView获取焦点。不知道是我人品不好还是怎么的。我这样做不行，后来采用另外一种做法，就是在其父组件(布局)上添加以下两句代码： android:focusable="true"
XML DOM摘要二(XML DOM节点、属性、方法介绍)
zp19860529的博客
07-01 1041
编程接口 DOM 把 XML 模拟为一系列节点接口。可通过 JavaScript 或其他编程语言来访问节点。在本教程中，我们使用 JavaScript。 对 DOM 的编程接口是通过一套标准的属性和方法来定义的。 属性经常按照“某事物是什么”的方式来使用（例如节点名是 "book"）。 方法经常按照“对某事物做什么”的方式来使用（例如删除 "book" 节点）。 XML DOM 属性 一些典型的 DOM 属性： x.nodeName - x 的名称 x.nodeValue - x 的值 x
xml-使用dom去遍历xml文件和获取指定节点信息
Aro_HAN的博客
08-22 3646
classes.xml: 杨过 男 30 学习刻苦 林青霞 女 32 是一个好学生 TestXml1.javapackage com.hyj; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.parser
eclipse 基本设置
流浪......
12-06 927
1. eclipse中设置的是让所有的空白（空格，TAB，和回车）显示出来 eclipse中的菜单的window->preferences->General->Editors->Text Editors中的Show whitespace characters中来设置。2. General-> Editors -> Text Editors在右侧找到Displayed tab width:把下面的“
XML DOM编程模型简单参考手册
XML-DOM编程模型简单参考手册.doc是一种应用在Web浏览器中的技术，它使用文档对象模型（DOM）来访问和操作浏览器的窗口、文档和历史等对象。然而，不同的浏览器对这些对象的访问和操作方式各不相同。为了达到更加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值