torna alle lezioni

Trova l'attributo

importanza: 5

Scrivi il codice per selezionare e leggere il valore degli elementi del documento con l’attributo data-widget-name.

<!DOCTYPE html>
<html>
<body>

  <div data-widget-name="menu">Choose the genre</div>

  <script>
    /* il tuo codice */
  </script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>

  <div data-widget-name="menu">Choose the genre</div>

  <script>
    // trovalo
    let elem = document.querySelector('[data-widget-name]');

    // leggi il valore
    alert(elem.dataset.widgetName);
    // oppure
    alert(elem.getAttribute('data-widget-name'));
  </script>
</body>
</html>