<\/span><\/h2>\nTo get the value of a data attribute in JavaScript, you can use the getAttribute()<\/code> method or directly access the dataset<\/code> property.<\/strong> Let’s take a look at both approaches:<\/p>\n1. Using getAttribute()<\/code>:<\/p>\n“`
\nconst element = document.getElementById(‘example’);
\nconst value = element.getAttribute(‘data-info’);
\nconsole.log(value);
\n“`<\/p>\n
2. Using dataset<\/code> property:<\/p>\n“`
\nconst element = document.getElementById(‘example’);
\nconst value = element.dataset.info;
\nconsole.log(value);
\n“`<\/p>\n
Both approaches will output the value stored in the data-info<\/code> attribute.<\/p>\n