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)
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"
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'));
}
}