设置自定义属性有什么用处吗

来源:3-21 拓展-自定义属性data

踩一个脚印

2023-01-28 15:16:33

没明白设置的意义在哪里,什么情况下用得着呢
写回答

1回答

imooc_慕慕

2023-01-28

同学你好 ,解析如下:

data- 属性是 HTML5 中的新属性,用于存储页面或应用程序的私有自定义数据。data-赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

使用的是dataset对象,该对象只能用来获取自定义的data属性。

如果自定义属性不是以data-开头,那么读取该自定义属性时,可以使用setAttribute、getAttribute方法

JavaScript中使用:

设置属性:比如:元素.setAttribute("key","value")

获取属性: 比如:元素.getAttribute("key")

我们可以举一个简单的例子:

当有一个学生是特长生,我们可以直接使用data自定义属性给他作上标记后面直接获取使用数据就可以了,

参考如下:

https://img.mukewang.com/climg/63e1f28e095848ae04850177.jpg

也就是当你想让某些数据保存在页面中而不是数据库中的时候,此时就可以使用该自定义属性可以很好的保存和使用数据。

祝学习愉快~

0

0 学习 · 17877 问题

查看课程