/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

8 votes318 views4 answers
Bootstrap display error message
Html
0 vote318 views2 answers
Tailwind hover inner div
Html
8 votes319 views2 answers
Html change background color of page
Html
25 votes299 views3 answers
How to add horizontal line in html without css
Html
10 votes296 views1 answer
Ampersand c# summary
Html
0 vote313 views1 answer
Update only update_at field on laravel eloquent
Html
25 votes349 views3 answers
Html to text
Html
0 vote294 views1 answer
Une solitude
Html
2 votes286 views2 answers
On enter press button
Html
1 vote308 views1 answer
Sad
Html