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

0 vote127 views1 answer
Equal symbol expected spring form
Html
1 vote142 views1 answer
Transform bounce css
Html
0 vote125 views1 answer
Html get redirect to another page on load
Html
0 vote151 views2 answers
How to set the width and heigth of the canvas to be the same size as that of an image
Html
1 vote130 views1 answer
Ionic skeleton
Html
0 vote143 views1 answer
App:lintVitalRelease output fir
Html
0 vote135 views1 answer
How to turn og suggensttions in html input
Html
2 votes144 views2 answers
How to enable file input on click on image
Html
4 votes130 views1 answer
Capture textarea value
Html
0 vote138 views1 answer
Bulma css buttons
Html