编辑“XML-DOM”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[XML学习教程#XML学习教程|上一页]] | {{template:开发语言导航}}</span>
<div style="clear:both;"></div>


== XML DOM ==

XML DOM (XML Document Object Model) 定义一套访问和操作 XML 文档的标准方法。  <br>

DOM 把 XML 文档作为树结构来查看。能够通过 DOM 树来访问所有元素。可以修改或删除它们的内容，并创建新的元素。元素，它们的文本，以及它们的属性，都被认为是节点。<br>

在下面的例子中，我们使用 DOM 引用从 <to> 元素中获取文本：<br>

xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValuexmlDoc -由解析器创建的 XML 文档 <br>
getElementsByTagName("to")[0] - 第一个 <to> 元素 <br>
childNodes[0] - <to> 元素的第一个子元素（文本节点） <br>
nodeValue - 节点的值（文本本身） <br>
您可以在 W3School 的 XML DOM 教程 中学习更多相关知识。<br>

== HTML DOM ==

HTML DOM (HTML Document Object Model) 定义一套访问和操作 HTML 文档的标准方法。<br>

可以通过 HTML DOM 访问所有 HTML 元素。<br>

在下面的例子中，我们使用 DOM 引用来改变 id="to" 的 HTML 元素的文本：<br>

document.getElementById("to").innerHTML=document - HTML 文档 <br>
getElementById("to") - 其中的 id="to" 的 HTML 元素 <br>
innerHTML - HTML 元素的内部文本 <br>
您可以在 W3School 的 HTML DOM 教程 中学习更多相关知识。<br>

== 解析 XML 文件 - 跨浏览器实例 ==

下列代码把一个 XML 文档 ("note.xml") 载入 XML 解析器中：<br>

 <html><br>
 <head><br>
 <script type="text/javascript"><br>
 function parseXML()<br>
 {<br>
 try //Internet Explorer<br>
  {<br>
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");<br>
  }<br>
 catch(e)<br>
  {<br>
  try //Firefox, Mozilla, Opera, etc.<br>
    {<br>
    xmlDoc=document.implementation.createDocument("","",null);<br>
    }<br>
  catch(e)<br>
    {<br>
    alert(e.message);<br>
    return;<br>
    }<br>
  }<br>
 xmlDoc.async=false;<br>
 xmlDoc.load("note.xml");<br>
 document.getElementById("to").innerHTML=<br>
 xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;<br>
 document.getElementById("from").innerHTML=<br>
 xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;<br>
 document.getElementById("message").innerHTML=<br>
 xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;<br>
 }<br>
 </script><br>
 <nowiki></head></nowiki><br>
 <nowiki><body onload="parseXML()"></nowiki><br>
 <nowiki><h1>W3School.com.cn Internal Note</h1></nowiki><br>
 <nowiki><p><b>To:</b> <span id="to"></span><br /></nowiki><br>
 <nowiki><b>From:</b> <span id="from"></span><br /></nowiki><br>
 <nowiki><b>Message:</b> <span id="message"></span></nowiki><br>
 <nowiki></p></nowiki><br>
 </body><br>
 </html>输出：<br>
 W3School.com.cn Internal Note<br>
 To: George<br>
 From: John<br>
 Message: Don't forget the meeting! <br>
 TIY<br>

== 重要注释 ==

如需从 XML 中提取文本 "John"，语法是：<br>

getElementsByTagName("from")[0].childNodes[0].nodeValue在这个 XML 例子中，只有一个 <from> 标签中，但是仍然需要规定数组的下标 [0]，这是因为 XML 解析器方法 getElementsByTagName() 返回所有 <from> 节点的一个数组。<br>
解析 XML 字符串 - 跨浏览器实例<br>
下面的代码加载并解析一个 XML 字符串：<br>

 <html><br>
 <head><br>
 <script type="text/javascript"><br>
 function parseXML()<br>
 {<br>
 text="<note>";<br>
 text=text+"<to>George</to>";<br>
 text=text+"<from>John</from>";<br>
 text=text+"<heading>Reminder</heading>";<br>
 text=text+"<body>Don't forget the meeting!</body>";<br>
 text=text+"</note>";<br>
 try //Internet Explorer<br>
  {<br>
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");<br>
  xmlDoc.async="false";<br>
  xmlDoc.loadXML(text);<br>
  }  <br>
 catch(e)<br>
  {<br>
  try // Firefox, Mozilla, Opera, etc.<br>
    {<br>
    parser=new DOMParser();<br>
    xmlDoc=parser.parseFromString(text,"text/xml");<br>
    }<br>
  catch(e)<br>
    {<br>
    alert(e.message);<br>
    return;<br>
    }<br>
  }<br>
 document.getElementById("to").innerHTML=<br>
 xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;<br>
 document.getElementById("from").innerHTML=<br>
 xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;<br>
 document.getElementById("message").innerHTML=<br>
 xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;<br>
 }<br>
 </script><br>
 <nowiki></head></nowiki><br>
 <nowiki><body onload="parseXML()"></nowiki><br>
 <nowiki><h1>W3School.com.cn Internal Note</h1></nowiki><br>
 <nowiki><p><b>To:</b> <span id="to"></span><br /></nowiki><br>
 <nowiki><b>From:</b> <span id="from"></span><br /></nowiki><br>
 <nowiki><b>Message:</b> <span id="message"></span></nowiki><br>
 <nowiki></p></nowiki><br>
 </body><br>
 </html><br>
 输出：<br>
 W3School.com.cn Internal Note<br>
 To: George<br>
 From: John<br>
 Message: Don't forget the meeting! <br>
 TIY<br>

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











[[category:XML学习教程]]