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


могу ли я получить доступ к атрибуту данных без jQuery?

Это легко с помощью jQuery, но я не вижу нигде, как это сделать без jQuery.

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

Это вообще возможно?

4   51   2013-04-10 00:50:25

4 ответа:

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

<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>

Так что это было бы очень выполнимо.

вы могли бы использовать dataset. Как в:

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

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

или я упускаю суть вашего вопроса.

Я думаю, что вы можете попробовать это:

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

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

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