<div id="box" aaa="bbb" data-info="hello"></div><body><script>var box = document.getElementsByTagName("div")[0];console.log(box.dataset[‘info‘]);console.log(box.id);//boxconsole.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上console.log(box.getAttribute(‘aaa‘));//bbb 自定义属性需要使用getAttribute进行获取/** HTML5的属性设置与读取* */box.setAttribute(‘data-my-name‘,‘liyinghao‘);//data-my:liyinghaoconsole.log(box.dataset[‘myName‘]);//liyinghaobox.getAttribute(‘myName‘);//不能获取到属性值</script>
原文：http://www.cnblogs.com/itlyh/p/6009723.html