HTML5自定义属性的设置与获取

2022-05-30 22:35:30

<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);//box
console.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上
console.log(box.getAttribute('aaa'));//bbb 自定义属性需要使用getAttribute进行获取
/*
* HTML5的属性设置与读取
* */
box.setAttribute('data-my-name','liyinghao');//data-my:liyinghao
console.log(box.dataset['myName']);//liyinghao
box.getAttribute('myName');//不能获取到属性值
</script>

来自为知笔记(Wiz)