Tengo un feed xml de productos: https://feedfiles.woolytech.com/loja-domot.myshopify.com/domot_feed.xml
Tengo problemas al tratar de hacer una condición como esta, cuando el nombre de la clase (del XML) = precio, esta variable devuelve el precio. Pude obtener los valores cuando especifiqué como productsXmlNode.children[4].innerHTML; pero la cuarta clase no es la misma para todos los productos. entonces quiero definir la clase por el nombre y no por el número. Mostraré el código de arriba.
<script> // first get the reference to the h1 tag const h1 = document.querySelector("h1"); // using classList property const h1ClassNames = h1.classList; console.log(h1ClassNames); let xmlContent = ''; let tableProducts = document.getElementById('entry'); fetch('produtos_domot_feed.xml').then((response)=> { response.text().then((xml)=>{ xmlContent = xml; let parser = new DOMParser(); let xmlDOM = parser.parseFromString(xmlContent, 'application/xml'); let products = xmlDOM.querySelectorAll('entry'); products.forEach(productsXmlNode => { let row = document.createElement('tr'); //author (brand) let td = document.createElement('td'); td.innerText = productsXmlNode.children[4].innerHTML; row.appendChild(td); // title td = document.createElement('td'); td.innerText = productsXmlNode.children[2].innerHTML; row.appendChild(td); //price td = document.createElement('td'); td.innerText = productsXmlNode.children[2].innerHTML; row.appendChild(td); //description td = document.createElement('td'); td.innerText = productsXmlNode.getElementsByClassName('g:price').innerHTML; row.appendChild(td); //image td = document.createElement('td'); td.innerText = productsXmlNode.children[3].innerHTML; row.appendChild(td); tableProducts.children[1].appendChild(row); }); }); }); </script> </body> </html>