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

Deberías hacer algo como esto:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

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

<!-- end snippet -->

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