zoukankan      html  css  js  c++  java

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

    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>
     
  • 相关阅读:
    第四周作业
    jsp第二次作业
    jsp第一次作业
    软件测试1
    activity
    listview
    sql
    登录
    第二次安卓作业
    安卓第一周作业
  • 原文地址：https://www.cnblogs.com/itlyh/p/6009723.html
Copyright © 2011-2022 走看看