Możemy nadawać elementom HTML dowolne, własne atrybuty. Takie atrybuty nie będą miały wpływu na wyświetlanie strony (HTML), ani nie pojawią się same na drzewie DOM (czyli inaczej niż w poprzednim slajdzie). Ale jest na to sposób...
<div id="x" mojatrybut=""></div>
<script>
var x = document.querySelector("x");
x.setAttibute("mojatrybut","dwa"); //ustawia wartość atrybutu
x.getAttribute("mojatrybut"); //zwraca wartość atrybutu
if(x.hasAttribute("mojatrybut"){//czy element ma dany atrybut
console.log(x.attributes); //tablica atrybutów
}
</script>