/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

77 votes160 views6 answers
Html button with link
Html
1 vote145 views1 answer
How to make a text box required in html
Html
1 vote160 views1 answer
Empty link html
Html
255 votes354 views8 answers
Bootstrap 4 cdn
Html
2 votes175 views1 answer
Index.html file
Html
1 vote153 views1 answer
Jinja mark text as safe
Html
10 votes142 views1 answer
Write & in html
Html
1 vote165 views1 answer
Best meta tags
Html
65 votes153 views6 answers
How to add links in html
Html
16 votes143 views6 answers
Routerlink in angular
Html