Skip to main content
se añadieron 1684 caracteres en el cuerpo
Origen Enlace
Jose
  • 503
  • 3
  • 11

En esa primera linea y en la tercera lineas te sobra un punto entre la variable x y los [i] ademas la variable table la has llamado tabla por lo que saltaría otro error.

QuedaríanEstas líneas quedarían así:

tabla+=x[i]table+=x[i].getElementsByTagName("ARTIST")[0].textContent;
table+="</tr></td>";
tabla+=x[i]table+=x[i].getElementsByTagName("TITLE")[0].textContent;

Eso por el lado del código, por el lado de la maquina donde estas usando este codigo creo que si no instalas un servidor web no puedes hacer peticiones http asi a la ligera, es más, para que veas que si que funciona el codigo prueba en estala propia web: de codepenw3Schools y verasverás como ya no te da el error que salta ahora al corregir el fallo de código si no. Este código copialo y pegalo en su web sustituyendo al que te diceusan ellos y verás que no puede encontrar el fichero xmlfunciona bien.

<!DOCTYPE html>
<html>
<style>
    table,
    th,
    td {
        border: 1px solid black;
        border-collapse: collapse;
    }

    th,
    td {
        padding: 5px;
    }
</style>

<body>

    <h1>The XMLHttpRequest Object</h1>

    <button type="button" onclick="loadDoc()">Get my CD collection</button>
    <br><br>
    <table id="demo"></table>

    <script>
        function loadDoc() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    myFunction(this);
                }
            };
            xhttp.open("GET", "cd_catalog.xml", true);
            xhttp.send();
        }
        function myFunction(xml) {

            var xmlDoc = xml.responseXML;
            var table = "<tr><th>Artist</th><th>Title</th></tr>";
            var x = xmlDoc.getElementsByTagName("CD");
            for (var i = 0; i < x.length; i++) {
                table += "<tr><td>";
                table += x[i].getElementsByTagName("ARTIST")[0].textContent;
                table += "</tr></td>";
                table += x[i].getElementsByTagName("TITLE")[0].textContent;
            }
            document.getElementById("demo").innerHTML = table;
        }
    </script>

</body>

</html>

En esa primera linea y en la tercera lineas te sobra un punto entre la variable x y los [i].

Quedarían así:

tabla+=x[i].getElementsByTagName("ARTIST")[0].textContent;
table+="</tr></td>";
tabla+=x[i].getElementsByTagName("TITLE")[0].textContent;

Eso por el lado del código, por el lado de la maquina donde estas usando este codigo creo que si no instalas un servidor web no puedes hacer peticiones http asi a la ligera, es más, para que veas que si que funciona el codigo prueba en esta web: codepen y veras como ya no te da el error que salta ahora al corregir el fallo de código si no que te dice que no puede encontrar el fichero xml.

En esa primera linea y en la tercera lineas te sobra un punto entre la variable x y los [i] ademas la variable table la has llamado tabla por lo que saltaría otro error.

Estas líneas quedarían así:

table+=x[i].getElementsByTagName("ARTIST")[0].textContent;
table+="</tr></td>";
table+=x[i].getElementsByTagName("TITLE")[0].textContent;

Eso por el lado del código, por el lado de la maquina donde estas usando este codigo creo que si no instalas un servidor web no puedes hacer peticiones http asi a la ligera, es más, para que veas que si que funciona el codigo prueba en la propia web de w3Schools y verás como ya no te da el error que salta ahora al corregir el fallo de código. Este código copialo y pegalo en su web sustituyendo al que usan ellos y verás que funciona bien.

<!DOCTYPE html>
<html>
<style>
    table,
    th,
    td {
        border: 1px solid black;
        border-collapse: collapse;
    }

    th,
    td {
        padding: 5px;
    }
</style>

<body>

    <h1>The XMLHttpRequest Object</h1>

    <button type="button" onclick="loadDoc()">Get my CD collection</button>
    <br><br>
    <table id="demo"></table>

    <script>
        function loadDoc() {
            var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    myFunction(this);
                }
            };
            xhttp.open("GET", "cd_catalog.xml", true);
            xhttp.send();
        }
        function myFunction(xml) {

            var xmlDoc = xml.responseXML;
            var table = "<tr><th>Artist</th><th>Title</th></tr>";
            var x = xmlDoc.getElementsByTagName("CD");
            for (var i = 0; i < x.length; i++) {
                table += "<tr><td>";
                table += x[i].getElementsByTagName("ARTIST")[0].textContent;
                table += "</tr></td>";
                table += x[i].getElementsByTagName("TITLE")[0].textContent;
            }
            document.getElementById("demo").innerHTML = table;
        }
    </script>

</body>

</html>

Origen Enlace
Jose
  • 503
  • 3
  • 11

Tienes un fallo en un par de lineas:

tabla+=x.[i].getElementsByTagName("ARTIST")[0].textContent;
table+="</tr></td>";
tabla+=x.[i].getElementsByTagName("TITLE")[0].textContent;

En esa primera linea y en la tercera lineas te sobra un punto entre la variable x y los [i].

Quedarían así:

tabla+=x[i].getElementsByTagName("ARTIST")[0].textContent;
table+="</tr></td>";
tabla+=x[i].getElementsByTagName("TITLE")[0].textContent;

Eso por el lado del código, por el lado de la maquina donde estas usando este codigo creo que si no instalas un servidor web no puedes hacer peticiones http asi a la ligera, es más, para que veas que si que funciona el codigo prueba en esta web: codepen y veras como ya no te da el error que salta ahora al corregir el fallo de código si no que te dice que no puede encontrar el fichero xml.

Por cierto, prueba a usar la consola para desarrolladores para ir solucionando problemas de este tipo ya que en la consola vas viendo los fallos que te va arrojando tu web, es un consejo.

Espero haberte ayudado. Saludos.