/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 votes183 views1 answer
Index.html file
Html
0 vote146 views1 answer
Html open all links in new tab
Html
0 vote145 views1 answer
Append html form element
Html
0 vote143 views2 answers
Virtual pet comp 105 code
Html
1 vote166 views3 answers
Html iframe full page
Html
0 vote265 views1 answer
Pug meta viewport
Html
0 vote154 views1 answer
The requested list key 'map' could not be resolved as a collection / array / map / enumeration / iterator type. Example: people or peopl
Html
3 votes148 views3 answers
Html input only letters
Html
1 vote233 views1 answer
Flip an image js
Html
0 vote161 views1 answer
Html form button
Html