zoukankan      html  css  js  c++  java
  • data-xxx 属性的作用是什么

    data-xxx为前端开发者提供了自定义属性

    自定义属性可以通过对象的dataset来获取,不支持该属性的浏览器可以通过getAttribute()方法来获取

    例子:

    1. // 使用getAttribute获取 data- 属性
    2. var user = document . getElementById ( 'user' ) ;
    3. var userName = plant . getAttribute ( 'data-uname' ) ; // userName = '愚人码头'
    4. var userId = plant . getAttribute ( 'data-uid' ) ; // userId = '12345'
    5.  
    6. // 使用setAttribute设置 data- 属性
    7. user . setAttribute ( 'data-site' , 'http://www.css88.com' ) ;
    8. 还有一点特别注意的是: data- 属性名如果包含了连字符,例如:data-date-of-birth ,连字符将被去掉,并转换为驼峰式的命名,前面的属性名转换后应该是: dateOfBirth 。
  • 相关阅读:
    sql
    po bo vo java bean
    jdk面试
    Bean 参数时间 设置
    kafka demo
    spring注解 动态修改注解的值
    参考资料
    Centos 编译带调试信息的libevent
    mysql 库表整体相关查询
    MySQL安装(linux)
  • 原文地址:https://www.cnblogs.com/liangshuang/p/8990607.html
Copyright © 2011-2022 走看看