Skip to main content
se añadieron 1035 caracteres en el cuerpo
Origen Enlace
Yussef
  • 23.4k
  • 4
  • 12
  • 29

getElementsByTagName Busca por tag, en tu caso el tag es un div no un data-orden.

Deberías hacer algo como esto:

document.querySelectorAll('div[data-orden]').forEach(
    (el) => {
        console.log(el.getAttribute('data-orden'));
    }
);

Update (Explicación)

  1. document.querySelectorAll(x) devuelve una lista de elementos, donde x es un selector que funciona similar a los selectores de css, es decir puedes buscar por "#id", ".clase", "div", "form", etc. También es parecido Jquery si es que lo conoces. En el código yo busco a todos los div que tienen seteado el atributo "data-orden"

  2. El foreach es parecido a un for, solo que no necesitas un índice para recorrer los elementos. "el" en cada iteración toma el valor del elemento de la lista.

Es lo mismo que poner:

var elementos = document.querySelectorAll('div[data-orden]');

for(var i=0; i<elementos.length; i++){
  console.log(elementos [i].getAttribute('data-orden'));
} 
var elementos = document.querySelectorAll('div[data-orden]');

for(var el of elementos){
  console.log(el.getAttribute('data-orden'));
} 
document.querySelectorAll('div[data-orden]').forEach(

    function(el) {
        console.log(el.getAttribute('data-orden'));
    }
}

getElementsByTagName Busca por tag, en tu caso el tag es un div no un data-orden.

Deberías hacer algo como esto:

document.querySelectorAll('div[data-orden]').forEach(
    (el) => {
        console.log(el.getAttribute('data-orden'));
    }
);

getElementsByTagName Busca por tag, en tu caso el tag es un div no un data-orden.

Deberías hacer algo como esto:

document.querySelectorAll('div[data-orden]').forEach(
    (el) => {
        console.log(el.getAttribute('data-orden'));
    }
);

Update (Explicación)

  1. document.querySelectorAll(x) devuelve una lista de elementos, donde x es un selector que funciona similar a los selectores de css, es decir puedes buscar por "#id", ".clase", "div", "form", etc. También es parecido Jquery si es que lo conoces. En el código yo busco a todos los div que tienen seteado el atributo "data-orden"

  2. El foreach es parecido a un for, solo que no necesitas un índice para recorrer los elementos. "el" en cada iteración toma el valor del elemento de la lista.

Es lo mismo que poner:

var elementos = document.querySelectorAll('div[data-orden]');

for(var i=0; i<elementos.length; i++){
  console.log(elementos [i].getAttribute('data-orden'));
} 
var elementos = document.querySelectorAll('div[data-orden]');

for(var el of elementos){
  console.log(el.getAttribute('data-orden'));
} 
document.querySelectorAll('div[data-orden]').forEach(

    function(el) {
        console.log(el.getAttribute('data-orden'));
    }
}
Origen Enlace
Yussef
  • 23.4k
  • 4
  • 12
  • 29

getElementsByTagName Busca por tag, en tu caso el tag es un div no un data-orden.

Deberías hacer algo como esto:

document.querySelectorAll('div[data-orden]').forEach(
    (el) => {
        console.log(el.getAttribute('data-orden'));
    }
);