/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 vote245 views1 answer
Checkbox checked border square CSS
Html
-1 vote225 views1 answer
Html5 iframe youtube loop
Html
0 vote216 views2 answers
How to cover whole webpage by background image in html
Html
19 votes208 views2 answers
Html snake hr tag
Html
7 votes227 views4 answers
Include bootstrap icons
Html
2 votes196 views1 answer
Ion input password
Html
0 vote198 views2 answers
Javascript remove the current tr with click
Html
2 votes212 views1 answer
Module 'speedtest' has no attribute 'Speedtest'
Html
0 vote237 views1 answer
Pgadmin erd tool existing database
Html
0 vote228 views1 answer
How to keep audio in the web html
Html