/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 vote296 views1 answer
Html cache api checker
Html
0 vote353 views2 answers
Mailchimp form action
Html
1 vote334 views1 answer
Fullpage js cdn
Html
22 votes336 views2 answers
Html start template
Html
5 votes407 views1 answer
How to center html heading
Html
0 vote319 views1 answer
Color
Html
0 vote310 views6 answers
Hash password decrypt laravel
Html
0 vote335 views1 answer
Input type file custom css
Html
0 vote364 views1 answer
Image carousel output
Html
0 vote334 views1 answer
How to add h1 tag in evey line of textarea in css
Html