/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

4 votes144 views1 answer
Html.ActionLink with parameters
Html
1 vote164 views1 answer
Bootstrap upload image plugin for html
Html
4 votes161 views1 answer
How to make an image a full background in html
Html
0 vote152 views1 answer
Very cool html
Html
19 votes160 views5 answers
Navbar in bootstrap4
Html
0 vote173 views1 answer
How to create bold text in html
Html
19 votes150 views4 answers
Google material icons
Html
3 votes140 views1 answer
How to add country flag in html
Html
0 vote147 views1 answer
How to delete rect in canvas html
Html
1 vote109 views1 answer
Font family sans-serif set
Html