- Получите
divв переменную. - Получите значение атрибута
"data-widget-name"в переменную. - Выведите его.
Документ:
<body> <div data-widget-name="menu">Выберите жанр</div> <script>/* ... */</script> </body>
Исходный код: tutorial/browser/dom/custom_attribute.html.
Решение
Решение
-
Для начала, нам нужно получить
div. Здесь нет комментариев, так что сработаетdocument.body.children[0]даже для старых IE.var div = document.body.children[0];
-
Пользовательский атрибут не попадает в свойства DOM-объекта, поэтому используем
методgetAttribute().<body> <div data-widget-name="menu">Выберите жанр</div> <script> var div = document.body.children[0]; var widgetName = div.getAttribute('data-widget-name'); alert( widgetName ); // "menu" </script> </body>
#217