阅读(1.6k) 书签赞(0) 我要纠错

HTML全局属性数据 - *

2018-01-05 13:58 更新

HTML全局属性数据 - *

data - * 属性存储自定义数据。

存储的数据可以在页面的JavaScript中使用。

存储的数据可以在页面的JavaScript中使用。...

属性值可以是任何字符串。

HTML5中的新功能

data - * 属性是HTML5中的新属性。

句法

<element data-*="value">

属性值

value: the value of the attribute

浏览器兼容性


`data-*`	Yes	Yes	Yes	Yes	Yes

例子

<!DOCTYPE html>
<html>
<head>
<script>
function showDetails(animal) {
    console.log(animal.getAttribute("data-animal-type"));
}
</script>
</head>
<body>

<p onclick="showDetails(this)" id="owl" data-animal-type="it is a test.">Click me</li>

</body>
</html>

Click to view the demo

以上内容是否对您有帮助：