Heim > Web-Frontend > js-Tutorial > Hauptteil

js implementiert das Lesen von XML-Dateiinhalten

零到壹度
Freigeben: 2018-03-24 13:22:12
Original
5513 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage