HTML5自学笔记[ 6 ]data自定义数据

Posted 2020-06-08

 在标签中添加data-name属性并赋值，在js脚本中用ele.dataset.name就可以获取该属性的值。如：

<div id="box" data-age="20">年龄</div>

<script>
    var oDiv = document.getElementById(‘box‘);
    alert(oDiv.dataset.age);　　//20
</script>

 如果name是用-连接的两个及以上单词来命名，那么在js中就要用驼峰式写法来获取，如：

<div id="box" data-my-age="20">年龄</div>

<script>
    var oDiv = document.getElementById(‘box‘);
    alert(oDiv.dataset.myAge);　　//20
</script>