Heim > Artikel > Web-Frontend > So bedienen Sie JS, um XML-Inhalte zu lesen und in div auszugeben

So bedienen Sie JS, um XML-Inhalte zu lesen und in div auszugeben

php中世界最好的语言Original: 2018-06-07 11:48:211689Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie JS bedienen, um XML-Inhalte zu lesen und in ein Div auszugeben. Was sind die Vorsichtsmaßnahmen für den Betrieb von JS, um XML-Inhalte zu lesen und in ein Div auszugeben? ein Blick.

note.xml-Dateistruktur:

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

Verwenden Sie js, um XML in p auszugeben:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>www.jb51.net js读取xml</title>
    <style>
     .aaaa{width: 30%;height: 50px;line-height: 50px;text-align: center;border: 1px solid darkblue;float: left;}
    </style>
  </head>
  <body>
    <p id="xmlid"></p>
    <script>
      xmltext = new XMLHttpRequest;
      xmltext.open("GET","note.xml",false);
      xmltext.send();
      a = xmltext.responseXML;
      //document.getElementById("xmlid").innerHTML = a.getElementsByTagName("to")[2].childNodes[0].nodeValue;
      x = a.getElementsByTagName("note");
      for(i=0;i<x.length;i++)
      {
        document.write("<p class=&#39;aaaa&#39;>");
        document.write(x[i].getElementsByTagName("to")[0].childNodes[0].nodeValue);
        document.write("</p>");
        document.write("<p class=&#39;aaaa&#39;>");
        document.write(x[i].getElementsByTagName("heading")[0].childNodes[0].nodeValue);
        document.write("</p>");
        document.write("<p class=&#39;aaaa&#39;>");
        document.write(x[i].getElementsByTagName("body")[0].childNodes[0].nodeValue);
        document.write("</p>");
      }
    </script>
  </body>
</html>

Ich glaube, Sie beherrschen die Methode bitte, nachdem Sie den Fall in diesem Artikel gelesen haben Kommen Sie für weitere spannende Informationen. Achten Sie auf andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Verwenden Sie JQuery, um den spezifischen Inhalt der hochgeladenen Datei abzurufen.

JS, um die Countdown-Wiederherstellung anzuklicken (Pflichtlektüre)

Das obige ist der detaillierte Inhalt vonSo bedienen Sie JS, um XML-Inhalte zu lesen und in div auszugeben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：React+Redux von Grund aufNächster Artikel：React+Redux von Grund auf

In Verbindung stehende Artikel

Mehr sehen