/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 vote206 views1 answer
How to set a max length wtform
Html
0 vote275 views1 answer
Remove address underlining formatting from gmail
Html
0 vote182 views1 answer
Sublimelinter-html-tidy for linux
Html
3 votes197 views2 answers
Html. strong
Html
1 vote185 views1 answer
Html email check
Html
0 vote196 views1 answer
How to edit data in html table using jquery
Html
-2 votes200 views1 answer
Bootstrap meaning
Html
3 votes207 views5 answers
Input max length
Html
1 vote211 views3 answers
Form mobile number validation
Html
6 votes194 views2 answers
Show table border collapse
Html