阅读(4458)
赞(0)
HTML全局属性数据 - *
2017-01-05 13:58:57 更新
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>