HTML全局屬性數(shù)據(jù) - *
2018-01-05 13:58 更新
HTML全局屬性數(shù)據(jù) - *
data - * 屬性存儲自定義數(shù)據(jù)。
存儲的數(shù)據(jù)可以在頁面的JavaScript中使用。
存儲的數(shù)據(jù)可以在頁面的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>以上內(nèi)容是否對您有幫助：
更多建議：