dataset возвращает undefined

210
27 мая 2017, 18:31

У меня в браузерах не работает dataset. Что в firefox, что в хроме. Код беру прям из учебных примеров. Вот код:

var div = document.getElementById('widget'); 
var widgetName = div.dataset.widgetName; 
 alert( widgetName );
<div id="widget" data‐widget‐name="menu">Выберите жанр</div>

Answer 1

У вас в названии атрибута data-widget-name вместо дефиса используется юникодный символ HYPHEN (e2 80 90). Это можно увидеть, если скопировать ваш HTML код в какой-нибудь HEX-редактор. Сотрите то, что маскируется под дефис, и введите руками с клавиатуры:

var div = document.getElementById('widget'); 
var widgetName = div.dataset.widgetName; 
 alert( widgetName );
<div id="widget" data-widget-name="menu">Выберите жанр</div>

Полагаю, что HYPHEN там взялся при копировании кода в какой-нибудь Google Docs или другой умный текстовые редактор.

READ ALSO
Вопрос про порядок исполнения кода
javascript

Вопрос про порядок исполнения кода

Может ли код1 выполниться раньше чем код2?

 219
Маршрутиризация между .vue компонентами
javascript

Маршрутиризация между .vue компонентами

Создал проект в webpack, создал несколькоvue фалов

 239
Записать в базу измененные поля
javascript

Записать в базу измененные поля

Есть форма с заполненными полями (редактирования данных), я хочу записать в базу только те поля которые были изменены есть методserializeArray()...

 197
Проблема в теге &lt;script&gt;
javascript

Проблема в теге <script>

Использую UIKit на сайтеСкрипты относящиеся к выводу модального окна, для кнопок выводящихся до тега скрипт в теле документа не работают

 259