/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

2 votes221 views3 answers
How to remove line in href tag in html
Html
0 vote209 views2 answers
How to get 2 headings in same line in html
Html
0 vote213 views1 answer
Am pm after the time in html
Html
0 vote210 views1 answer
Controls in html list
Html
2 votes205 views1 answer
Center p html
Html
0 vote202 views1 answer
Strictmode causes double render
Html
2 votes200 views2 answers
Rick astley never gonna give you up
Html
72 votes200 views3 answers
Flexbox bootstrap 4
Html
0 vote192 views1 answer
How to make comments in markdown which do not render in html
Html
253 votes331 views10 answers
Bootstrap cdn
Html