Superponer elementos al ser seleccionados (Duda)

[Joselitro]

bueno mi duda de hoy xd es si se puede superponer un elemento cuando clickas sobre el, es decir que si tienes una primera imagen que se ve superpuesta por una segunda imagen al clickar en la primera sea esta la que se ponga por encima de la segunda.

[maycolalvarez]

se puede siempre y cuando las imágenes estén en posición absoluta (CSS position: absolute; relative o fixed), y solo necesitarías modificar su orden Z ó myHTMLnode.style.zIndex

[Joselitro]

es decir que poniendo

Código:

<div style="position:absolute; myHTMLnode.style.z-index: 10000000;"><img></div>

bastaria para que se superpuseise la "primera" imagen?

[maycolalvarez]

Inválido:

Código HTML:

<div style="position:absolute; myHTMLnode.style.z-index: 10000000;"><img></div>
 

estas mezclando javascript con CSS, eso no es válido, en tal caso sería:

<div style="position:absolute;" onclick="this.style.zIndex=10000000;"><img></div>

pero esta solución es ineficiente, porque solo funcionará una vez: hasta que todas las capas tengan el mismo orden Z 10000000, una solución seria tener una variable local javascript con el zIndex más alto e incrementarlo al hacer click en una capa y asignárselo al zIndex de la capa, suerte

PD: cuando coloque myHTMLnode me refería a cualquier nodo del DOM html, en cuyo caso la palabra reservada this de javascript devuelve el nodo actual, en otros casos requerirías de navegar el DOM o utilizar funciones como document.getElementById() o document.getElementsByTagName()

[Joselitro]

muchas gracias ahora lo cojo