Frontender Libs - обзор библиотек JS / CSS

HTML | DATA



data-* атрибуты позволяют хранить дополнительную информацию в стандартных элементах HTML

<article

  id="post1"

  data-columns="3"

  data-index-number="12314">

</article>



Доступ из CSS

article[data-columns='3']{

  width: 400px;

}



Доступ из JS

var article = document.getElementById('post1');

article.dataset.columns // "3"

article.dataset.indexNumber // "12314"