/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 vote207 views1 answer
Html "/n" not woring
Html
1 vote263 views1 answer
Center unordered list html
Html
0 vote296 views1 answer
Fab fa-instagram circle-icon
Html
0 vote251 views1 answer
Display sqlite text with jinja as HTML paragraph
Html
0 vote273 views1 answer
 html
Html
0 vote285 views1 answer
Twig format currency
Html
7 votes247 views4 answers
Html to pug
Html
5 votes254 views2 answers
Bootstrap 4 classes list with description pdf
Html
0 vote262 views1 answer
LWC tags in xml salesforce
Html
1 vote213 views1 answer
Ml5.js
Html