Dialog funciona solo para un elemento y no para el resto

[jsstoni]

Iniciado por bienpiyao

Hola, gracias por contestar.

Los id del div? del dialog? los del javascript?

Los id de tu html deben ser unicos sin repetir.

Las clases si pueden ser repetidas.

Código HTML:

<div class="abrir">1</div>
<div class="abrir">2</div>
<div class="abrir">3</div>
<div class="abrir">4</div>
 

Código Javascript:

var dialog = document.querySelector('dialog');
var abrirDom = document.querySelectorAll('.abrir');
for (var i = 0; i < abrirDom.length; i++) {
    abrirDom[i].addEventListener('click', function() {
        dialog.showModal();
    });
}