So bedienen Sie JS, um XML-Inhalte zu lesen und in div auszugeben-js-Tutorial-php.cn

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

php中世界最好的语言

Freigeben： 2018-06-07 11:48:21

Original

1640 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!