html 首字母大写属性,HTML data-* 全局属性

HTML data-* 全局属性

自定义数据属性(例如data-ab或data-abc)能够被指定在任意HTML元素上，来储存特定于页面的不可见数据自定义数据。属性名不应该包含任何大写字母

以字符串“data-”开头都是自定义属性。

自定义属性值可以是任意字符串。

什么时候使用？

html5提供对元素的data-*属性，是为了方便存取功能。在javascript和jquery在需要读取或者设置元素的值时,在使用date-*属性关联时编写的代码更少，更容易读懂。

案例

html>

炫代码(www.xuandaima.com)

function showDetails(animal) {

var animalType = animal.getAttribute("data-animal-type");

alert(animal.innerHTML + "是一个" + animalType + "。");

}

王者荣誉

左键点击某个英雄姓名来查看其英雄类别：

• 鲁班
• 诸葛亮
• 荆轲

支持浏览器

语法