H5获取或设置data—*属性

H5获取或设置data—*属性

1⃣️获取id的对象
2⃣️设置或获取data-*的属性

<div>
	<p id='age' data-age='25'></p>
</div>

const age = document.getElementById('age')

一、getAttribute()

// 获取
age.getAttribute('data-age')
// 赋值
age.setAttribute('data-age', 28)

二、dataset()

// 获取
age.dataset.age
// 赋值
age.dataset.age = XX
++ -- 
// 新增属性
age.dataset.id = XX
// 删除属性
age.dataset.id = null
delete age.dataset.id

三、jquery attr()

// 获取
$('#age').attr('data-age')
// 赋值
$('#age').attr('data-age', XX)

四、jquery data()

// 获取
$('#age').data('data-age')
// 赋值
$('#age').data('data-age', XX)