您的位置:58编程 > html 全局属性 HTML全局属性数据 - *

html 全局属性 HTML全局属性数据 - *

2023-05-30 18:33 HTML参考手册

html 全局属性 HTML全局属性数据 -  *

html 全局属性 HTML全局属性数据 - *

html 全局属性

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



阅读全文
以上是58编程为你收集整理的html 全局属性 HTML全局属性数据 - *全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS