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

6 votes176 views5 answers
Composer new laravel 8
Html
1 vote169 views2 answers
Jinja for loop
Html
1 vote138 views1 answer
Inspect google remote device disable screencast
Html
0 vote146 views1 answer
Search/find content ftp html
Html
1 vote160 views1 answer
Line break not working html
Html
0 vote147 views1 answer
Html repeating video
Html
0 vote136 views1 answer
How to select every element except first
Html
0 vote153 views1 answer
Javascript how to set a textbox value to nothing
Html
0 vote163 views1 answer
Prefill input field html
Html
1 vote166 views1 answer
Html datetime-local format dd/mm/yyyy
Html