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

标签：

 在标签中添加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>

 

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

标签：

原文地址：http://www.cnblogs.com/huyang0528/p/5155314.html