Puede leer un archivo de formato XML en HTML y mostrar todo su contenido en la página HTML, es decir, mostrar el contenido de la etiqueta y mostrar la etiqueta misma.
En el siguiente ejemplo, abrimos un archivo XML ("cd_catalog.xml"), luego iteramos a través de cada elemento CD y mostramos los valores del elemento ARTISTA y del elemento TÍTULO en la tabla HTML:
<html>
<cuerpo>
<guión>
si (ventana.XMLHttpRequest)
{// código para IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=nueva XMLHttpRequest();
}
demás
{// código para IE6, IE5
xmlhttp=nuevo ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",falso);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("CD");
para (i=0;i<x.longitud;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTISTA")[0].childNodes[0].nodeValue);
documento.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</cuerpo>
</html>
Pruébalo »
pista:
El analizador pasa intacta la información de la etiqueta CDATA a la aplicación y las etiquetas de control del segmento de información no se analizan. El área CDATA está marcada por: "〈![CDATA[" como marca de inicio y "]]〉" como marca de final.
Incluso los espacios en blanco iniciales y finales y los caracteres de nueva línea en el área CDATA también se transferirán (tenga en cuenta que CDATA es un carácter en mayúscula).
Para obtener más información sobre el uso de JavaScript y XML DOM, visite nuestro tutorial de XML DOM.