Estoy intentando hacer unas cosillas con DOM y se me ha planteado un problema al que , a priori , no encuentro solucion .
Dado un codigo HTML cualquiera , me gustaria obtener el tipo de elemento (div,button,table...) y su posicion.
Obtener el tipo de elemento con el target es facil , su posicion no tanto.
Pongo un ejemplo :
Si yo pincho en esta lista "Coffe" , con el target obtengo "LI" que es el objeto de Coffe , hasta ahi perfecto , pero ¿Como puedo yo trabajar con ese objeto LI en concreto ? Me refiero , como puedo , por ejemplo , modificar su contenido ?
Porque para modificar su contenido tengo varias opciones :
- document.getElementsByTagName("tag")[posicion] : Y claro no tengo la posicion.
- document.getElementById("id").innerHTML :Estoy trabajando con html sin id's.
¿Alguna idea? ¿Deberia de poner obligatoriamente id's? Me parece un atraso.
Muchas gracias de nuevo.
if (e.srcElement){
tag = e.srcElement.tagName;
}else{ (e.target)
tag = e.target.type;
}
console.log("El elemento selecionado ha sido " + tag);
<ul> <!-- Primer ul -->
<li>Coffee</li>
<ul> <!-- Segundo ul -->
<li>Beer</li>
<ul> <!-- Tercer ul -->
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<li>Cola</li>
<li>Water</li>
</ul>
<li>Juice</li>
<li>Wine</li>
</ul>