Ми хочемо зробити цей проєкт з відкритим кодом доступним для людей у всьому світі.

Допоможіть перекласти цей підручник вашою мовою!

КупитиEPUB/PDF
Навчальна карта
назад до уроку

Отримайте атрибут

важливість: 5

Напишіть код, щоб вибрати елемент з атрибутом data-widget-name з документа та прочитати його значення.

<!DOCTYPE html>
<html>
<body>

  <div data-widget-name="menu">Виберіть жанр</div>

  <script>
    /* ваш код */
  </script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>

  <div data-widget-name="menu">Виберіть жанр</div>

  <script>
    // отримаємо його
    let elem = document.querySelector('[data-widget-name]');

    // прочитаємо значення
    alert(elem.dataset.widgetName);
    // чи
    alert(elem.getAttribute('data-widget-name'));
  </script>
</body>
</html>