Acceder al atributo id de un elemento seleccionado por su clase en js

publicado por: Anonymous

mi problema es ele siguiente…quiero acceder al atributo ID de un elemento pero seleccionandolo por su clase, osea..

este es el elemento.

<div class="capaClickeable" id="1"></div>

lo selecciona con getElementsByClassName por que son varios elementos

var id = document.getElementsByClassName('capaClickeable');

como es obvio que cada div tiene la class="capaClickeable" y un id="1" id="2"…etc.

quiero acceder a esos ids y guardarlos en un array o algo por el estilo.
Gracias de antemano.

solución

Puedes obtener un array con las id de tus elementos con clase capaClickeable así:

_x000D_

_x000D_

const ids = [...document.querySelectorAll('.capaClickeable')].map(el => el.id);_x000D_
console.log(ids)

_x000D_

<div id="1" class="capaClickeable"></div>_x000D_
<div id="2" class="capaClickeable"></div>_x000D_
<div id="3" class="capaClickeable"></div>

_x000D_

_x000D_

_x000D_

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *