data定义数据对象,html5 data-*自定义属性

　　函数显示细节(动物){

　　var animalType=animal . get attribute( data-animal-type )；

　　Alert(animal.innerHTML)是“animalType”。);

　　/脚本

　　/头

　　身体

　　H1物种/h1

　　p单击一个物种查看其类别：/p

　　Lion click= show details(this) id= owl data-animal-type= bird magpie/Li

　　Li o nclick= show details(this) id= salmon data-animal-type= fish tuna/Li

　　李o nclick=显示详情(本) id=狼蛛数据-动物-类型=蜘蛛飞虎/李

　　/ul

　　/body

　　/html

　　data-*属性用于存储页面或应用程序的私有自定义数据。

　　data-*属性使我们能够在所有HTML元素上嵌入定制的数据属性。

　　可以在页面的JavaScript中使用存储的(自定义)数据来创建更好的用户体验(无需Ajax调用或服务器端数据库查询)。

　　data-*属性由两部分组成：

　　属性名不应包含任何大写字母，并且前缀“data-”后必须至少有一个字符。属性值可以是任何字符串。

　　注意：用户代理将完全忽略以“data-”为前缀的自定义属性。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。