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

4 votes313 views2 answers
Align right tailwind
Html
0 vote337 views1 answer
Mostrar codificación de carácteres html
Html
9 votes351 views1 answer
How to submit a form with submit button outside form
Html
0 vote278 views1 answer
Link em imagem html
Html
4 votes411 views1 answer
Circlular waiting icon bootstrap
Html
0 vote378 views2 answers
Random number text in html
Html
0 vote349 views1 answer
Default wp_new_user_notification_email
Html
5 votes392 views2 answers
Hello World HTML Code Example
Html
0 vote327 views1 answer
HTML code for Scientific Calculator
Html
1 vote357 views1 answer
Am pm time html javascript
Html