/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

-1 vote225 views1 answer
Html to pdf react
Html
0 vote243 views1 answer
Fa fa pencil edit icon
Html
0 vote238 views1 answer
Html image goes outside div
Html
28 votes230 views6 answers
Css animation
Html
0 vote240 views1 answer
How to make auto focus textarea vuejs
Html
29 votes250 views6 answers
Html center text
Html
0 vote239 views1 answer
Html symbol math
Html
0 vote275 views1 answer
Abbr in html
Html
205 votes294 views6 answers
Lorem ipsum shortcut
Html
12 votes237 views4 answers
Html jump to section
Html