En una página HTML5 con JS que tengo que hacer, he de simular RSS con un fichero XML (el cual simula un html con un par de etiquetas propias), que tiene articulos, mostrando primero un cabecero con un enlace a la descripción. De momento, el fichero lo lee y muestra bien, salvo por un detalle que me descuadra, salta un undefined por cada linea que muestra, adicionalmente al contenido.
JS:
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function()
{
if (this.readyState == 4 && this.status == 200)
myFunction(this);
};
xhttp.open("GET", "data/articles.xml", true);
xhttp.send();
}
function mostrar(x,texto)
{
var listado;
listado+="<div onclick='unhide("+texto+")'> ";
listado+="<p>";
listado+=x.getElementsByTagName("h2")[0].childNodes[0].nodeValue;
listado+="</p>\n";
listado+="</div>\n<hr />\n<br /> \n";
return listado;
}
function myFunction(xml) {
var i;
var listado="";
var x = xml.responseXML.getElementsByTagName("articulo");
for (i = 0; i <x.length; i++)
{
listado+=mostrar(x[i],'a'+i) //Si no llamo a una función externa, sobreescribe lo que ya había
}
document.getElementById("ninguno").innerHTML = listado;
}
XML:
<articulos>
<articulo>
<article>
<h2>TEST</h2>
<p></p>
</article>
<img href=''></img>
</articulo>
<articulo>
<article>
<h2>prueba</h2>
<p></p>
</article>
<img href=''></img>
</articulo>
</articulos>
Resultado:
El css dudo que haga falta, pero aquí va:
div {
border-radius: 25px;
padding: 20px;
width: 200px;
height: 150px;
}
#hidden
{
display:none;
}
undefined
. Del ejemplo XML que pusiste, ¿qué necesitas obtener?