码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-29 02:02:11      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:无法   自定义   attribute   为知笔记   ref   box   www   tag   name   

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





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

标签:无法   自定义   attribute   为知笔记   ref   box   www   tag   name   

原文地址:http://www.cnblogs.com/itlyh/p/6009723.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!