/Html/Javascript get custom attribute value from element

Javascript get custom attribute value from element

Js get custom attribute

document.getElementById("divId").getAttribute("attributeId");

Javascript get element by custom attribute

document.querySelector("div[data-automation='something']")

Select element by custom attribute

Source: stackoverflow.com

Javascript get custom attribute value from element

<!-- TRYING TO ACCESS TO CUSTOM ATTRIBUTES WITH JAVASCRIPT ? -->

<article
  id="electric-cars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
</article>

<script>
// const article = document.getElementById("electric-cars")
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"
</script>

Source: developer.mozilla.org

Similar codes

0 vote174 views1 answer
Google font library
Html
0 vote191 views2 answers
Slideshow html
Html
10 votes183 views6 answers
Bootstrap 5 tab
Html
15 votes179 views1 answer
How to hide display in bootstrap
Html
3 votes211 views1 answer
Hyperlink mailto pre-populated content
Html
0 vote191 views1 answer
How to show data in html table from database in multiple table in laravel
Html
5 votes192 views3 answers
Angular input onchange
Html
0 vote211 views1 answer
Bulma search dropdown
Html
0 vote142 views3 answers
Html css js uncaught typeerror: cannot set property 'innertext' of null
Html
0 vote183 views1 answer
Liens hypertexte html mdn
Html