当前位置: 首页 > 工具软件 > datajs > 使用案例 >

js获取data-*属性值,及赋值

曹疏珂
2023-12-01

js获取data-属性、及设置赋值,此处以a标签为例:(data- 小写)

<a href="javascript:;" data-id="2020" id="demo0">data0</a>
<a href="javascript:;" data-name-id="202005" id="demo1">data1</a>
<a href="javascript:;"  id="demo2">data2</a>

一、jq获取data属性值的两种方法:

$("#demo0").data('id')   
//或者
$("#demo0").attr('data-id')

二、js获取data属性值

document.getElementById('demo1').dataset.nameId;

三、js设置赋值data,并获取

document.getElementById('demo2').dataset.nameId= '20200519';
var q= document.getElementById('demo2').dataset.nameId;

//console.log(q)  //202005

参考:https://blog.csdn.net/lucky541788/article/details/81774046

 类似资料: