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

时间：2023-11-10 23:55:44
  1. <div id="box" aaa="bbb" data-info="hello"></div>
  2. <body>
  4. <script>
  5. var box = document.getElementsByTagName("div")[0];
  6. console.log(box.dataset['info']);
  7. console.log(box.id);//box
  8. console.log(box.aaa);//undefined 标签的自定义属性无法映射到对象身上
  9. console.log(box.getAttribute('aaa'));//bbb 自定义属性需要使用getAttribute进行获取
  11. /*
  12. * HTML5的属性设置与读取
  13. * */
  14. box.setAttribute('data-my-name','liyinghao');//data-my:liyinghao
  15. console.log(box.dataset['myName']);//liyinghao
  16. box.getAttribute('myName');//不能获取到属性值
  18. </script>

相关文章