data-的使用

最新推荐文章于 2023-10-26 17:13:35 发布
最新推荐文章于 2023-10-26 17:13:35 发布
阅读量191 收藏
点赞数
分类专栏： 自定义属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41445581/article/details/93634772
版权

自定义数据，是在标签内以data-为前缀，用来存储数据，使用data-自定义属性的好处，在于避免被自定义属性被覆盖

<div id="div1" data-miaov="你好" data-miaov-all="有趣">div</div>

如何获取自定义标签内的值的呢
var oDiv= document.getElementById(“div1”)
获取 data-miaov内的值：oDiv.dataset.miaov
获取 data-miaov-all内的值：oDiv.dataset.miaovAll
修改属性的值：oDiv.dataset.miaov=‘。。。。’

红色可可
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
data-*的用法
海阔天空
01-07 899
data-*的用法
spring-data-commons-2.0.6.RELEASE-API文档-中文版.zip
07-14
赠送jar包：spring-data-commons-2.0.6.RELEASE.jar； 赠送原API文档：spring-data-commons-2.0.6.RELEASE-javadoc.jar； 赠送源代码：spring-data-commons-2.0.6.RELEASE-sources.jar； 赠送Maven依赖信息文件：...
html标签中data-**使用方式
steamPlayGame的博客
10-26 385
【代码】html标签中data-**使用方式。
Data()的使用
m0_65768642的博客
06-14 839
getFullYear() 年 getMonth（）月 getDate（）日 getHours（）时 getMinutes（）分 getSeconds()秒 getTime（）获取1970,1,1号至今的毫秒数
@Data的使用
weixin_39102174的博客
04-09 1205
@Data是lombok包下的一个注解，为实体类提供get、set、toString、hasCode、equals方法。使用该注解需要安装Lombok插件，IDE安装：file-settings-plugins-Browse repositories-lombok,安装，重启IDE。 原文地址：https://www.cnblogs.com/chenglang/p/10078470.html ...
关于data操作
boss2967的博客
12-27 887
二、数据遍历和查找 Data组件数据遍历方式有两种，一种使用游标滚动方式，另一种使用Data.each()函数。 下面详细介绍这两种方式的差异和使用方式 游标滚动方式，这种方式由于刺激了当前行的变化，所有绑定当前行的数据感知组件都会进行变化渲染 相关API： Data.getFirstRow();——-获取第一行 Data.getLastRow();——–获取最后一行 Data.ne
html的data-*属性使用注意事项
qq_34787830的博客
04-04 1365
名称设置为data-indexName，取值用this.dataset.indexName ，这样是娶不到值的取值的时候需要用indexname，所有字母必须小写
data-*属性的使用(1)data-*属性的使用
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
12-03 480
<div id="main" data-id="1" data-url="ani.html" data-index="1">data-*属性</div> <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a> var a = document.getElementById("main").getAttribute("data-index"); console.log(a);
spring-data-commons-2.5.5-API文档-中文版.zip
06-04
赠送jar包：spring-data-commons-2.5.5.jar； 赠送原API文档：spring-data-commons-2.5.5-javadoc.jar； 赠送源代码：spring-data-commons-2.5.5-sources.jar； 赠送Maven依赖信息文件：spring-data-commons-2.5.5....
spring-session-data-redis-2.0.4.RELEASE-API文档-中英对照版.zip
06-12
赠送jar包：spring-session-data-redis-2.0.4.RELEASE.jar； 赠送原API文档：spring-session-data-redis-2.0.4.RELEASE-javadoc.jar；...使用方法：解压翻译后的API文档，用浏览器打开“index.html”文件，即可纵览文
详解HTML5 data-* 自定义属性
12-30
在jQuery的attr与prop提到过...使用data-*可以解决自定义属性混乱无管理的现状。 读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写 <div id=test data-age=24> Click Here 其中的data-age就是一种自定
grpcio-1.47.0-cp310-cp310-linux_armv7l.whl
05-22
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
小程序项目源码-美容预约小程序.zip
05-22
小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序小程序项目源码-美容预约小程序v
MobaXterm 工具
最新发布
05-22
MobaXterm 工具
grpcio-1.48.0-cp37-cp37m-linux_armv7l.whl
05-22
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
扁平风格PPT可修改ppt下载(11).zip
05-22
扁平风格PPT可修改ppt下载(11).zip
基于MATLAB实现的msk信号调制解调过程，包括发送端及接收端信号谱分析过程+使用说明文档.rar
05-22
CSDN IT狂飙上传的代码均可运行，功能ok的情况下才上传的，直接替换数据即可使用，小白也能轻松上手 【资源说明】 基于MATLAB实现的msk信号调制解调过程，包括发送端及接收端信号谱分析过程+使用说明文档.rar 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2020b；若运行有误，根据提示GPT修改；若不会，私信博主（问题描述要详细）； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可后台私信博主； 4.1 期刊或参考文献复现 4.2 Matlab程序定制 4.3 科研合作 功率谱估计： 故障诊断分析： 雷达通信：雷达LFM、MIMO、成像、定位、干扰、检测、信号分析、脉冲压缩 滤波估计：SOC估计 目标定位：WSN定位、滤波跟踪、目标定位 生物电信号：肌电信号EMG、脑电信号EEG、心电信号ECG 通信系统：DOA估计、编码译码、变分模态分解、管道泄漏、滤波器、数字信号处理+传输+分析+去噪、数字信号调制、误码率、信号估计、DTMF、信号检测识别融合、LEACH协议、信号检测、水声通信 5、欢迎下载，沟通交流，互相学习，共同进步！
有色金属行业周报有色金属稳增长目标明确工业及贵金属价格普涨-19页.pdf.zip
05-22
有色金属行业周报有色金属稳增长目标明确工业及贵金属价格普涨-19页.pdf
data-url怎么使用
05-20
"data-url" 是一个 HTML5 中的属性，可以用来指定元素的数据源 URL。这个属性通常用在需要动态加载数据的元素上，例如图片、音频或视频等。当用户打开页面时，浏览器会自动从指定的 URL 获取数据，并将其加载到元素中。 要使用 "data-url" 属性，只需要在 HTML 元素中添加该属性并设置其值即可，例如： ``` <img src="placeholder.jpg" data-url="image.jpg"> ``` 这个例子中，我们在一个 img 元素中添加了 "data-url" 属性，指定了图片的数据源 URL。当用户打开页面时，浏览器会先加载 placeholder.jpg，然后再从 image.jpg 中获取数据并显示在图片元素中。 在 JavaScript 中，我们可以使用 "data-" 前缀来访问 "data-url" 属性的值，例如： ``` var img = document.querySelector('img'); var url = img.dataset.url; ``` 这个例子中，我们使用了 dataset 属性来获取 img 元素的 "data-url" 属性的值。注意，我们不需要包括 "data-" 前缀，只需要使用属性的名称即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值