/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

18 votes300 views2 answers
Autofill visual code html code
Html
33 votes336 views5 answers
Input type file accept only images
Html
5 votes324 views5 answers
Jquery select2 set value
Html
0 vote354 views1 answer
Source sans pro html code
Html
0 vote320 views1 answer
Html quote block
Html
1 vote294 views1 answer
Typo3 pass argument to action
Html
0 vote291 views1 answer
Stylesheet einbinden html5
Html
0 vote314 views1 answer
Pros/cons of using `.createElement()` and `append()` vs. `.innerHTML`?
Html
0 vote355 views1 answer
Html ms-text-size-adjust
Html
0 vote337 views1 answer
.1
Html