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