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

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

      <div id="eat" data-foot-some="米饭" data-ma="[1,2,3,4]"></div>
  • 怎么取出呐

    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

  • 如果也想要本身的数据类型呐,可以用jquery
   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