自定义属性目的是为了保存并使用数据。有些数据可以保存到页面中而不保存到数据库中。
自定义属性在标签上,以data-XXX="XXX"的形式书写并赋值。
<div data-index="1"></div>
以getAttribute获取自定义属性的值
// 获取书写了自定义属性的标签
const div = document.querySelector('div')
// 获取当前自定义属性的值 ->'1'
console.log(div.getAttribute(data-index))
以setAttribute修改自定义属性的值
div.setAttribute("data-index","2")
// d当前再次获取‘data-index’的值,就变成2了