Selezionare il figlio

[techno]

Ciao a tutti ho questa lista:

<div class="content">
<ul>
<li><a href="">...</a><li>";
<li><a href="">...</a><li>";
<li class="active"><a href="">...</a><li>";
<li><a href="">...</a><li>";
</ul>
</div>

Come faccio con querySelector a sapere l'index di quello con classe active?
Poi come faccio a scendere nel DOM di figlio partendo dalla classe content
Ho provato con :

const obj = document.querySelector(".content");
obj.children("ul li");

ma mi da errore mi dice che obj.children non è una funzione.

[cassano]

Seleziona direttamente quello con classe active fai prima.

[ninja72]

Punta all' <ul> e ricevi con children la collection relativa ai suoi <li> dopo trasformi la collection in array da ciclare con le relative verifiche interne al ciclo foreach.

ps. ci sono degli errori html sui tag di chiusura <li> oltre che "; da eliminare

<ul id="myUL">

 const obj = document.querySelector("#myUL").children;
        const toArr = Array.from(obj);

        toArr.forEach(element => {
            element.className == "active" ? element.textContent="Active" : element.textContent="NOActive";
            console.log(element);
        });
        //console.log(obj);

[techno]

infatti così ho fatto

[techno]

Seleziona direttamente quello con classe active fai prima.

non posso puntare direttamente sulla classe perche nella pagina ci sono altri tag con questa classe