Доступ к атрибуту 'data-' без jQuery

Можно ли получить доступ к атрибуту data без jQuery?

Легко с jQuery, но я не вижу нигде, как это сделать без jQuery.

Если я ищу в Google "без jQuery", все, что я получаю, это примеры jQuery.

Возможно ли это?

Ответ 1

В здесь Я нашел этот пример:

<div id='strawberry-plant' data-fruit='12'></div>
<script>
    // 'Getting' data-attributes using getAttribute
    var plant = document.getElementById('strawberry-plant');
    var fruitCount = plant.getAttribute('data-fruit'); // fruitCount = '12'
    // 'Setting' data-attributes using setAttribute
    plant.setAttribute('data-fruit', '7'); // Pesky birds
</script>

Таким образом, это выглядело бы очень выполнимым.

Ответ 2

Вы можете использовать атрибут dataset. Как в:

element = document.getElementById("el");
alert(element.dataset.name); // element.dataset.name == data-name

Ответ 3

Это просто атрибут... используйте getAttribute как с любым другим атрибутом: https://developer.mozilla.org/en/docs/DOM/element.getAttribute

Или мне не хватает точки вашего вопроса.

Ответ 4

Я думаю, вы можете попробовать следующее:

var ele = document.getElementById("myelement");
if (ele.hasOwnProperty("data")) {
  alert(ele.data);
}

ИЛИ использовать

alert(ele['data-property']);