又爱又恨。 你们这些做前端的，是不是经常被这事儿搞得抓狂？把对象往HTML属性里塞，后来啊一查就是 为啥会出错？主要原因是你太傻了！ 告诉你啊，HTML的data-*属性只能装字符串！不是对象！不是数组！更不是什么JSON！你要是往里塞个{"name":"张三"}这种玩意儿，后来啊就是"{"name":"张三"}"这个死字符串。然后你要是想用.去访问属性，那肯定 举个例子看看你有多傻 你看这段代码：点我 然后JS里这么写：let name = document.q 求锤得锤。 uerySelector.getAttribute.name; 后来啊？ 那该咋整呢？不用动脑子听我讲 闹乌龙。 很简单啊，别把整个对象塞进去就行了。就跟吃饭一样，大块肉不咽下去才不会呛着。有几种土办法可以搞定： 法子一：把数据全放JS里 直接在服务器端生成JS代码放页面里： 然后按钮上只放索引：点我 JS里这样取数据：function showDetails { let interview = interviews; }，也是醉了... 法子二：JSON转换 如果非要往data-*里塞东西的话，就先把对象转成JSON字符串再存进去：，我直接起飞。