Custom data attributes html

Js get data attribute

var element = document.querySelector('.element');
var dataAttribute = element.getAttribute('data-name');
// replace "data-name" with your data attribute name

console.log(dataAttribute);

Javascript get data attribute value

const article = document.querySelector('#electric-cars');
 
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"

Source: developer.mozilla.org

Custom data attributes html

<div data-myvar="hello world"</div>
<script>
 //Note: attribute in html will force lowercase, make sure all letters are lower
  var element = document.querySelector("div");
  console.log(element.dataset.myvar);
  //outputs: hello world
</script>

Similar codes

31 votes314 views3 answers
Link email
Html
32 votes288 views6 answers
Css viewport
Html
0 vote288 views1 answer
Samu
Html
3 votes293 views2 answers
Row span and column span in html example
Html
0 vote293 views1 answer
How to call html.action in asp.net core
Html
0 vote308 views1 answer
Https://www.xnxx.com/video-rt4pdd3/lovely_latina_girlfriend_on_a_big_fat_dick
Html
2 votes285 views1 answer
Bootstrap classes in html
Html
0 vote288 views1 answer
Asciidoc anchor
Html
1 vote365 views2 answers
Css align image right
Html
1 vote282 views1 answer
Height() jquery com php
Html