• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营

    • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    Html5之自定义属性(data-,dataset)

    定义

    H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性

    <div id="box1" data-name="Musk"></div>
<div id="box2" data-full-name="Elon Musk"></div>

    获取

    使用H5自定义属性对象dataset来获取

    let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');

box1.dataset.name // Musk
box2.dataset.fullName // Elon Musk (驼峰)

box1.getAttribute('data-name') // Musk
box2.getAttribute('data-full-name') // Elon Musk

    设置

    let box1 = document.getElementById('box1');
let box2 = document.getElementById('box2');

box1.dataset.name = '马斯克'
box2.setAttribute('data-full-name', '埃隆 马斯克')

    以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

    上一篇：如何给HTML标签中的文本设置修饰线
    下一篇：移动端html5判断是否滚动到底部并且下拉加载
  • 相关文章
    • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Html5之自定义属性(data-,dataset) Html5,之,自定义,属性,data-,