zoukankan      html  css  js  c++  java
  • HTML5自定义属性的设置与获取

    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>
     





  • 相关阅读:
    JAVA选择结构
    JAVA关系运算符
    初识JAVA
    Java变量
    CSS
    HTML表单
    Dao层步骤
    JDBC
    集合框架
    使用log4j
  • 原文地址:https://www.cnblogs.com/itlyh/p/6009723.html
Copyright © 2011-2022 走看看