Con el código de más abajo estoy leyendo un xml con una estructura dada para volcar los datos en una taba de 3 columnas (Nombre, Ubicacion, Beneficio).
El xml lo carga bien, pero cuando quiero llegar a los datos con getElementsByTagName
, no puedo llegar a ellos, me aparece por cada dato en el listado de las tablas object HTMLCollection]
.
Muchísima gracias de antemano.
¡Saludos y que estén muy bien!
Este es el codijo JS y XML
let xmlContent = '';
let tableinscritos = document.getElementById('losinscritos');
fetch('inscritos.xml').then((response)=> {
response.text().then((xml)=>{
xmlContent = xml;
let parser = new DOMParser();
let xmlDOM = parser.parseFromString(xmlContent, 'application/xml');
let dinscritos = xmlDOM.querySelectorAll('inscrito');
dinscritos.forEach(bookXmlNode => {
let row = document.createElement('tr');
//inscrito
let td = document.createElement('td');
td.innerText = td.innerText = bookXmlNode.getElementsByTagName ("nombre");
row.appendChild(td);
console.log(`ver ${td.innerText}`)
// ubicación
td = document.createElement('td');
td.innerText = bookXmlNode.getElementsByTagName ("ubicacion");
row.appendChild(td);
// beneficio
td = document.createElement('td');
td.innerText = bookXmlNode.getElementsByTagName ("beneficio");
row.appendChild(td);
tableinscritos.children[1].appendChild(row);
});
});
});
/*ESTE ES EL XML
<lista>
<inscrito id="uno">
<nombre>Inscrito Uno</nombre>
<ubicacion>Mi Hogar Uno</ubicacion>
<beneficio>Beneficio Total Uno</beneficio>
</inscrito>
<inscrito id="uno">
<nombre>Inscrito Dos</nombre>
<ubicacion>Mi Hogar Dos</ubicacion>
<beneficio>Beneficio Total Dos</beneficio>
</inscrito>
<inscrito id="uno">
<nombre>Inscrito Tres</nombre>
<ubicacion>Mi Hogar Tres</ubicacion>
<beneficio>Beneficio Total Tres</beneficio>
</inscrito>
</lista>
*/
xmlDOM.querySelector('nombre')
. Aunque cada inscrito tenga solo una tupla de atributos,getElementsByTagName
siempre devuelve HTMLCollection tal comoquerySelectorAll
siempre devuelve NodeList.