<a id="ya" class="link" href="https://yandex.ru" target="_blanck" translate="no" lang="ru" tabindex="1" style="display:block; text-decoration: none;" data-my="Проверка связи">Yandex</a>

<br>
<button onclick="getAttr()">Get attributes</button>
<div id="out"></div>
a { color: black; font-size: 1.6rem; }
a:first-letter {
  color: red;
}
function getAttr() {
  var ya = document.getElementById("ya");
  var out = document.getElementById("out");
  var str = "";
  //console.table(ya.attributes);//))))

  out.innerHTML = "";
  str += "<table><tr><th>Name</th><th>Value</th></tr>";
  for (var i = 0, len = ya.attributes.length; i < len; ++i) {
    str += "<tr><td>" + ya.attributes[i].name + "</td><td>" + ya.attributes[i].value + "</td></tr>";
  }
  str += "</table>";

  out.innerHTML += str;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.