Вернуться к уроку

Получите пользовательский атрибут

важность: 5
  1. Получите div в переменную.
  2. Получите значение атрибута "data-widget-name" в переменную.
  3. Выведите его.

Документ:

<body>

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

  <script>
    /* ... */
  </script>
</body>

открыть в песочнице

<body>

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

  <script>
    var div = document.getElementById('widget');

    var widgetName = div.getAttribute('data-widget-name');
    // или так, кроме IE10-
    var widgetName = div.dataset.widgetName;

    alert( widgetName ); // "menu"
  </script>
</body>

Открыть решение в песочнице.