We want to make this open-source project available for people all around the world.

Help to translate the content of this tutorial to your language!

back to the lesson

Get the attribute

importance: 5

Write the code to select the element with data-widget-name attribute from the document and to read its value.

<!DOCTYPE html> <html> <body> <div data-widget-name="menu">Choose the genre</div> <script> /* your code */ </script> </body> </html>
<!DOCTYPE html> <html> <body> <div data-widget-name="menu">Choose the genre</div> <script> // getting it let elem = document.querySelector('[data-widget-name]'); // reading the value alert(elem.dataset.widgetName); // or alert(elem.getAttribute('data-widget-name')); </script> </body> </html>