首页 > 代码库 > HTML5自定义属性的设置与获取

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

2024-08-18 02:22:10   223人阅读

  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>



来自为知笔记(Wiz)


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


联系
我们