/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 vote174 views1 answer
Empty pre-selected option html
Html
1 vote175 views1 answer
Responsive on small screen but not phone
Html
0 vote185 views1 answer
HTML starter template tags with bootstrap
Html
-1 vote159 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
-1 vote173 views2 answers
Simplecss cdn
Html
0 vote191 views1 answer
Html insert pdf
Html
0 vote189 views2 answers
How add string in all htmls with linux
Html
84 votes187 views4 answers
Justify content align items
Html
0 vote181 views1 answer
How to make an a tag not clickable
Html
0 vote224 views1 answer
Unmount ubuntu
Html