在没有jQuery的情况下访问'data-'属性

Question

我可以在没有jQuery的情况下访问数据属性吗？

使用jQuery很容易，但是如果没有jQuery，我在任何地方都看不到该怎么做。

如果我在Google上搜索“没有jQuery”，那么我得到的只是jQuery示例。

可能吗

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

因此，它看起来非常可行。