XML DOM介绍和例子(三)

浏览:46日期:2022-12-15
10.为XML文件提供HTML格式;;;;XML的一个优点是把HTML文档和它的数据分离开。通过使用浏览器中的XML parser,HTML页面可以被构造成静态文档,通过JavaScript提供动态数据。下面的例子使用JavaScript读取XML文档,写XML数据成HTML元素:var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.load("note.xml");;;;nodes = xmlDoc.documentElement.childNodes;;;;to.innerText = nodes.item(0).textfrom;;;;.innerText = nodes.item(1).textheader.innerText = nodes.item(2).textbody.innerText = nodes.item(3).text11.通过名称访问XML元素;;;;下面的例子使用JavaScript读取XML文档,写XML数据成HTML元素:var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.load("note.xml");;;;document.write(xmlDoc.getElementsByTagName("from").item(0).text)12.装载纯XML文本进入parser ;;;;下面的代码装载文本字符串进入XML parser :<script language="JavaScript">var text="<note>"text=text+"<to>Tove</to><from>Jani</from>"text=text+"<heading>Reminder</heading>"text=text+"<body>Don't forget me this weekend!</body>"text=text+"</note>"var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.loadXML(text)// ....... processing the document goes here</script>13.装载XML进入Parser <html><body><script language="javascript">var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.load("note.xml");;;;document.write("The first XML element in the file contains: ");;;;document.write(xmlDoc.documentElement.childNodes.item(0).text)</script></body></html>遍历XML节点树:<html><body><script language="VBScript">txt="<h1>Traversing the node tree</h1>"document.write(txt)set xmlDoc=CreateObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.load("note.xml")for each x in xmlDoc.documentElement.childNodes;;document.write("<b>" & x.nodename & "</b>");;document.write(": ");;document.write(x.text);;document.write("<br>")next</script></body></html>装载XML 进入 HTML <html><head><script language="JavaScript"for="window" event="onload">var xmlDoc = new ActiveXObject("Microsoft.XMLDOM")xmlDoc.async="false"xmlDoc.load("note.xml")nodes = xmlDoc.documentElement.childNodesto.innerText = nodes.item(0).textfrom.innerText = nodes.item(1).textheader.innerText = nodes.item(2).textbody.innerText = nodes.item(3).text</script><title>HTML using XML data</title></head><body bgcolor="yellow"><h1>Refsnes Data Internal Note</h1><b>To: </b><span id="to"></span><br><b>From: </b><span id="from"></span><hr><b><span id="header"></span></b><hr><span id="body"></span></body></html>
相关文章: