dataset属性稍微了解一下

今天在肝微信小程序文档的时候发现了一个厉害的dataset属性特此记录一下
(其实怪我html的基础不好🙃)

  • 假如我们要在标签上存放一个数据

    1
    <div id="eat" data-foot-some="米饭" data-ma="[1,2,3,4]"></div>
    1
    2
    3
    4
    5
    6
    7
    8
    + 怎么取出呐
    ```js
    var eat = document.getElementById("eat");
    console.log(eat.dataset.footSome);
    console.log(eat.dataset.ma);
    console.log(typeof(eat.dataset.footSome));
    console.log(typeof(eat.dataset.ma));
    从小demo中可以看出dataset并不会给我们转换类型 输出的都是string
    ![dataset.png][1]
  • 如果也想要本身的数据类型呐,可以用jquery

    1
    2
    3
    4
    console.log($("#eat").data("footSome"));
    console.log(typeof ($("#eat").data("footSome")));
    console.log($("#eat").data("ma"));
    console.log(typeof($("#eat").data("ma")));

    dataset-jq.png

-------------本文结束感谢您的阅读-------------