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

2 votes104 views1 answer
User cant input somethin ing text bopx
Html
0 vote106 views1 answer
"downloads.wkhtmltopdf.org"
Html
0 vote115 views1 answer
Smart contract spdx license
Html
3 votes110 views2 answers
Install mdbreact cdn
Html
15 votes103 views2 answers
Boootstrap
Html
0 vote103 views3 answers
Tailwind flex column
Html
1 vote105 views1 answer
Css radio default checked
Html
1 vote100 views1 answer
Disabled input fields vue
Html
0 vote109 views1 answer
Champ de type time en html
Html
0 vote132 views1 answer
What is the defrence between head and title in html
Html