Javascript HTML数据集-如何放置对象?数据-x={} HTML: 测试

Javascript HTML数据集-如何放置对象?数据-x={} HTML: 测试,javascript,html,Javascript,Html,但在Chrome控制台中: >document.querySelector('a').dataset.test document.querySelector('a').dataset.test

但在Chrome
控制台中

>document.querySelector('a').dataset.test
<“{a:1}”
文档类型。查询选择器('a')。数据集。测试
“字符串”
我期望:

>document.querySelector('a').dataset.test
<{a:1}
文档类型。查询选择器('a')。数据集。测试
“对象”
如何编写此HTML?
(没有javascript)

您只需使用
JSON.parse(字符串对象)

编辑:
请确保
标记中的对象属性是有效的JSON。它应该是
测试

这是不可能的。元素的数据集项只能包含一个字符串,而不能包含其他内容——毕竟,它意味着可以直接在HTML中表示,而HTML是一个字符串

将数据集项设置为JSON格式,然后对其进行解析:

<a data-test='{"a": 1}'>test</a>

test
您可以按如下方式编写HTML

测试
然后在你的剧本里

console.log(JSON.parse(document.querySelector('a').dataset.test));
输出将是

{a: 1}

请注意,示例中的字符串不是有效的JSON。欢迎使用堆栈溢出。我从问题中删除了中文文本,因为这是一个。请不要在邮件中发布答案Chinese@adiga好的,当然可以。我想问这个问题的人可能会说一口流利的普通话,所以我会用普通话给出答案。供你参考,我两种语言都有。作为旁注,答案也是不言自明的
{a: 1}