/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

4 votes132 views1 answer
Html facebook meta tags
Html
5 votes154 views4 answers
How to hide div in html
Html
0 vote130 views1 answer
Html image fallback
Html
0 vote148 views3 answers
Html modal
Html
38 votes122 views6 answers
Random image
Html
0 vote127 views1 answer
<i class="fa fa-tag"></i> fontawesome
Html
9 votes139 views5 answers
Html text alignment
Html
0 vote138 views1 answer
Filter vhtml vue
Html
0 vote119 views1 answer
What if i want a section to take the height of a viewport html
Html
1 vote123 views1 answer
Django send email with html template
Html