js implementiert das Lesen von XML-Dateiinhalten-js-Tutorial-php.cn

js implementiert das Lesen von XML-Dateiinhalten

零到壹度

Freigeben： 2018-03-24 13:22:12

Original

5458 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die js-Implementierung vorstellen, um den Inhalt der XML-Datei zu lesen, der sich hauptsächlich in Form von Code widerspiegelt. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Der HTML-Code lautet wie folgt

<html>

<body>
<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>

<script type="text/javascript">
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.open("GET","/example/xmle/note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

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>

</body>
</html>

Nach dem Login kopieren

XML-Dateiinhalt

<?xml version="1.0" encoding="ISO-8859-1"?>

<!-- Copyright w3school.com.cn -->
-<note>

Nach dem Login kopieren

 	<to>George</to>

Nach dem Login kopieren

	<from>John</from>

Nach dem Login kopieren

	<heading>Reminder</heading>

Nach dem Login kopieren

 	<body>Don&#39;t forget the meeting!</body>

Nach dem Login kopieren

</note>

Nach dem Login kopieren

Ergebnisse anzeigen:

Verwandte Empfehlungen:

Simple jS liest XML-Daten

Js liest XML und lädt es in die Seite

Parsen Sie die XML-Datei in HTML ( Javascript lesen)

Das obige ist der detaillierte Inhalt vonjs implementiert das Lesen von XML-Dateiinhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!