Parse xml file in html (javascript read)

<?xml version="1.0"?>

<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
<lastname>Simth</lastname>

</note>


These are the contents of note.xml.

The following is the content note.html resolve note.xml of:

<html>

<head>

	<script type="text/javascript">
	
		function parseXML(){
			
			try{
				
				xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
			}catch(e){
				
				try{
					
					xmlDoc= document.implementation.createDocument("","",null);
				}catch(e){
					
					alert(e.message);
					return;
				}
			}
			xmlDoc.async = false;
			xmlDoc.load("../xml/note.xml");
			
			document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
			document.getElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
			document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
		}
	</script>
</head>
<body onload="parseXML()">

	<h1>W3School.com.cn Internal Note</h1>
	<p><b>To:</b><span id="to"></span><br/>
	<b>From:</b><span id="from"></span><br/>
	<b>Message:</b><span id="message"></span>
	<p>
	
	
</body>

</html>


 

Reproduced in: https: //my.oschina.net/u/2552902/blog/543958

Guess you like

Origin blog.csdn.net/weixin_34376562/article/details/92327037