1、利用element.属性：
2、element.getAttribute('属性')
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="box" data-index="1"></div>
<script>
var box = document.getElementById('box');
// 方法一：利用element.id,获取内置的属性值
console.log(box.id);
// 方法二；利用element.getAttribute('id');获取自定义属性：data-index='1',类比自带属性 id='color'
console.log(box.getAttribute('id'));
// 获取自定义属性：data-index='1',类比自带属性 id='color',只能用这个方法。
console.log(box.getAttribute('data-index'));
</script>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例