移动或者移除节点,解析XML中的树形结构与DOM文档对象模型

  移动或者移除节点,解析XML中的树形结构与DOM文档对象模型
  

示例
下面的示例演示了简单的 XML 树结构:,

另一方面,XML DOM 还提供了一个 API,允许开发者在节点树的任意位置添加,编辑,移动或者移除节点,以便创建应用程序,<b&gtpany:</b><spanid=&quotpany"></span><br>。
  这篇文章主要介绍了XML中的树形结构与DOM文档对象模型,文中举了JavaScript解析DOM对象的例子,需要的朋友可以参考下
  

树结构
XML 文档始终是描述性的。树状结构通常被称为 XML 树,它在描述 XML 文档的过程中扮演一个重要的角色。
  

这个树结构包含根元素,子元素等等。通过使用树状结构,我们可以了解源自根元素的所有后续分支和子分支。解析从根元素开始,然后向下移动到指向某个元素的第一个分支,从这里开始处理第一个分支及其子节点。
  

示例
下面的示例演示了简单的 XML 树结构:
  <?xmlversion=""?>
  <FirstName>Tanmay</FirstName>
  <LastName>Patil</LastName>
  <ContactNo></ContactNo>
  <Email>tanmaypatil@xyz</Email>
  <City>Bangalore</City>
  <State>Karnataka</State>
  

下面的树结构表示上面的 XML 文档:
  

图中,有一个叫做 &ltpany> 的根元素。里面又有一个 <Employee> 元素。在雇员元素里面,又有 5 个分支,分别是 <FirstName>,<LastName>,<ContactNo>,<Email> 和 <Address>。在 <Address> 元素内,又有三个子分支,分别是 <City>,<State> 和 <Zip>。
  

DOM文档对象模型
文档对象模型是 XML 的基矗XML 文档有一个信息层次结构单位,被称作节点;DOM 是描述这些节点和它们之间关系的一种方式。
  

DOM 文档就是一个节点集合或者按照层次结构组织的信息块。这个层次结构允许开发人员导航这个节点树来查询特定的信息。由于它基于信息层次结构,DOM 也被认为是_基于节点树_的。
  

另一方面,XML DOM 还提供了一个 API,允许开发者在节点树的任意位置添加,编辑,移动或者移除节点,以便创建应用程序。
  

示例
下面的示例将一个 XML 文档解析为一个 XML DOM 对象,然后用 JavaScript 提取了一些信息:
  <h1>TutorialsPointDOMexample</h1>
  <b>Name:</b><spanid="name"></span><br>
  <b&gtpany:</b><spanid=&quotpany"></span><br>
  <b>Phone:</b><spanid="phone"></span>
  if{//codeforIE7+,Firefox,Chrome,Opera,Safari
  <?xmlversion=""?>
  <name>TanmayPatil</name>
  &ltpany>TutorialsPoint<pany>
  <phone>123-4567</phone>
  
移动或者移除节点,解析XML中的树形结构与DOM文档对象模型
  

我们可以把这两个文和件保存到同一目录 /xml 中,然后通过在浏览器中打开的方式执行文件。它应该生成如下所示结果:
  

这里,可以看到我们提取了每个子节点并显示了它们的值。
  文中举了JavaScript解析DOM对象的例子,<State>Karnataka</State>,<b&gtpany:</b><spanid=&quotpany"></span><br>,Chrome。

发表评论

电子邮件地址不会被公开。 必填项已用*标注