你的位置:首页 > 软件开发 > 网页设计 > HTML5自定义属性之data

HTML5自定义属性之data

发布时间:2016-08-25 17:00:09
HTML5 增加了一项新功能是 自定义数据属性 ,也就是 data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有 ...

HTML5 增加了一项新功能是 自定义数据属性 ,也就是  data-* 自定义属性。在HTML5中我们可以使用以 data- 为前缀来设置我们需要的自定义属性,来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。

<input type="button" value="按钮" data-index="10" data-index-color="red" >
console.log('name' in oBtn.dataset); //falseoBtn.dataset.name='zpf';console.log('name' in oBtn.dataset); //trueoBtn.dataset.index=100;console.log(oBtn.dataset.index); //100oBtn.index=20;console.log(oBtn.index); //20</script></body></html> 

 

 

顺便我们在看下以上代码的控制台输出 图如下:

HTML5自定义属性之data

-->

原标题:HTML5自定义属性之data

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。