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 vote197 views1 answer
Angular function in html
Html
7 votes239 views3 answers
Enter key vue
Html
0 vote194 views1 answer
Html video autosize
Html
7 votes194 views2 answers
Dns servers google
Html
3 votes193 views1 answer
Ion-select cancel text
Html
110 votes194 views3 answers
Html open html in new tab as plain text
Html
8 votes209 views5 answers
Html redirect
Html
0 vote199 views1 answer
HTML Links - Hyperlinks Example
Html
61 votes225 views1 answer
Html web form
Html
-1 vote200 views1 answer
Mount everest is much higher than mount blanc
Html