getAttribute('属性名')
setAttribute('属性名','属性值'):设置属性
removeAttribute('属性名'):删除属性
<body>
<ul>
<!-- li如果自带下标的话:用起来就方便了 -->
<li data-index="10" class="item">隔壁老王1</li>
<li data-index="1" class="item">隔壁老王2</li>
<li data-index="2" class="item">隔壁老王3</li>
<!-- 自定义属性:浏览器不会解析(不知道解析了能干嘛 -->
</ul>
<script>
let li = document.querySelector('li')
console.log(li)
console.log(li.className, li['className'])
console.log(li['data-index'])
console.log(li.attributes)
console.log(li.getAttribute('data-index'))
li.setAttribute('data-index', 100)
li.setAttribute('data-src', 'images/bgs.png')
li.removeAttribute('data-index')
</script>
</body>