<div id="demo" data-index="12fw"></div>
<script>
var div = document.querySelector("div");
console.log(div.id);
// 元素.getAttribute("属性")，获取属性值
console.log(div.getAttribute("id"));
// console.log(div.data - index); //无法获取自定义属性值
console.log(div.getAttribute("data-index"));
div.id = "test"; //主要针对元素自带的属性
// 元素.setAttribute("属性","值")，主要针对自定义属性，设置属性值,任何非字符串的值都会被自动转换为字符串
// 要设置布尔属性的值（例如禁用），可以指定任何值。建议使用空字符串或属性名称。该属性的缺失表示其值是false。
div.setAttribute("data-index", "fsv");
console.log(typeof div.getAttribute("data-index"));
console.log(div.getAttribute("data-index"));
// 元素.removeAttribute("属性")，移除属性
// 书写规范：H5规定自定义属性以data-开头作为属性名并赋值
</script>
