Javascript- Read XML doc

I have some trouble my homework. I would like to make table by xml data in javascript. This dosent t work: let planets=xmlDOM.querySelectorAll('#nap');

How to get XML id in javascript?

XML

<?xml version="1.0" encoding="UTF-8"?>
<Naprendszer>
   <Egitest id="nap">
       <Nev>Nap</Nev>
       <Tipus>Csillag</Tipus>
       <Atmero> 1.392*10<sup>6</sup> km</Atmero>
   </Egitest>
   <Egitest id="merkur">
       <Nev>Merkúr</Nev>
       <Tipus>Föld típusú bolygó</Tipus>
       <Atmero> 4,879.4 km</Atmero>
   </Egitest>
<Naprendszer>

JAVASCRIPT My code show every rows.enter code here

let xmlContent='';
let tablePlanets=document.getElementById("planets");
fetch('xml/index.xml').then((response)=>{
    response.text().then((xml)=>{
        xmlContent=xml;
        let parser=new DOMParser();
        let xmlDOM=parser.parseFromString(xmlContent,'application/xml');
        let planets=xmlDOM.querySelectorAll('Egitest');

        planets.forEach(planetsXmlNode=>{
            let row=document.createElement('tr');
            
            let td=document.createElement('td');
            td.innerText=planetsXmlNode.children[0].innerHTML;
            row.appendChild(td);

            td=document.createElement('td');
            td.innerText=planetsXmlNode.children[1].innerHTML;
            row.appendChild(td);

            td=document.createElement('td');
            td.innerText=planetsXmlNode.children[2].innerHTML;
            row.appendChild(td);
    
          tablePlanets.children[0].appendChild(row);

        });
    });
});

Thank you for help!!