javascript - 如何在xml中获取孩子？

Question

我有 xml 文件和 html 和 javascrips，我想显示标签名称为“prece”的所有元素，但只显示父标签名称“book”。我怎样才能做到这一点？Hier 是 xml 文件：

<BOOK>
<PRECE>
<NOSAUKUMS></NOSAUKUMS>
<CENA></CENA>
<APRAKSTS></APRAKSTS>
<BILDE></BILDE>
</PRECE>
<PRECE>
<NOSAUKUMS></NOSAUKUMS>
<CENA></CENA>
<APRAKSTS></APRAKSTS>
<BILDE></BILDE>
</PRECE>
</BOOK>
<VIDEO>
<PRECE>
<NOSAUKUMS></NOSAUKUMS>
<CENA></CENA>
<APRAKSTS></APRAKSTS>
<BILDE></BILDE>
</PRECE>
<PRECE>
<NOSAUKUMS></NOSAUKUMS>
<CENA></CENA>
<APRAKSTS></APRAKSTS>
<BILDE></BILDE>
</PRECE>
</VIDEO>

更高级的是javascript：

  function myFunction(xml) {
    var i;
    var xmlDoc = xml.responseXML;
    var table = "";
    var x = xmlDoc.getElementsByTagName("BOOK");
    for (i = 0; i < x.length; i++) {
      table += "<div class='prece'><img class='xmlImage' src='" +
        x[i].getElementsByTagName("BILDE")[0].childNodes[0].nodeValue +
        "'><div class='nosaukums'>" +
        x[i].getElementsByTagName("NOSAUKUMS")[0].childNodes[0].nodeValue +
        "</div><div class='cena'>&euro;" +
        x[i].getElementsByTagName("CENA")[0].childNodes[0].nodeValue +
        "</div>" +
        //x[i].getElementsByTagName("APRAKSTS")[0].childNodes[0].nodeValue +
        "<button>Pievienot grozam</button></div>";
    }
    document.getElementById("demo").innerHTML = table;
  }

标签： javascriptxmlweb