设置自定义属性有什么用处吗
来源: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自定义属性给他作上标记后面直接获取使用数据就可以了,
参考如下:
也就是当你想让某些数据保存在页面中而不是数据库中的时候,此时就可以使用该自定义属性可以很好的保存和使用数据。
祝学习愉快~
相似问题