Как посмотреть все атрибуты

В JavaScript можно получить все атрибуты элемента с помощью методов:

1. element.attributes - возвращает NamedNodeMap коллекцию всех атрибутов

const div = document.querySelector('div');
const attrs = div.attributes;
for (let i = 0; i < attrs.length; i++) {
  console.log(attrs[i].name, attrs[i].value);
}

2. getAttributeNames() - возвращает массив имен атрибутов

const names = div.getAttributeNames();
names.forEach(name => {
  console.log(name, div.getAttribute(name));
});

Для data-атрибутов можно использовать dataset:

console.log(div.dataset); // {foo: "bar"} для data-foo="bar"

В консоли разработчика можно посмотреть все атрибуты, выбрав элемент и используя вкладку Elements.