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); //fal
seoBtn.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
关键词:HTML
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。