Как получить атрибут элемента?

Question

[Анатолий]

Имеется элемент:
<div id="a" dudu></div>

Как получить в переменной "dudu"?

let z = document.getElementById('a').attributes[0];

console.log(z); // dudu = ""
console.log(Object.keys(z)); // []

Answer 1

[Анатолий]

const att = document.getElementById('a').attributes;

for ( let key in att ) {
  if ( att[key].nodeName )
    console.log( att[key].nodeName + ': ' + att[key].nodeValue );
}

Answer 2

[inFureal]

Никак насколько я знаю. Все кастомные атрибуты пишутся через data-
<div data-dudu="hello"></div>

document.querySelector('div').dataset.dudu; // hello

Comments

[Анатолий]

Печально.
Но это тоже самое, что получение данных из определенного атрибута, типа:

<div data="hello"></div>
document.querySelector('div').getAttribute('data'); // hello

[inFureal]

Анатолий, именно. Только в случае dataset ты получаешь объект и можешь его менять насколько я помню (не эксперт в жс)

[Анатолий]

inFureal, все таки Вы не правы, можно вытащить!