如何使用javascript添加对象作为属性？

Question

我正在尝试使用 javascript 将对象添加到属性，但它作为对象对象传递。

var choice = {'name':'one',id:1}

代码

return '<a href="/users?userId='+
  choice.id+'" class="tool-tip" title="'+
  choice.name+'"><span data-desc="'+
  choice+'">'+this.label(choice)+'</span></a>';

它正在创建

<a href="/users?userId=1" class="tool-tip" title="userName">
<span data-desc="Object Object"></span></a>

我哪里错了？

Answer 1

当通过 Javascript 操作 DOM 时，绝对不需要通过中间的简化 HTML 表示。直接使用任意属性创建 DOM 对象：

var link = document.createElement('a');
link.href = '/users?userId=' + choice.id;
link.classList.add('tool-tip');
link.title = choice.name;

var content = document.createElement('span');
content.desc = choice;
content.textContent = this.label(choice);

link.appendChild(content);

return link;

然后 appendChild 这个 link 到其他一些 DOM 元素……

如果您绝对需要 choice 成为 dataset (data-*="…") 的一部分，因为其他一些组件依赖于它......好吧，dataset 只能保存字符串，不能保存对象，所以您至少必须同意该值为 JSON 字符串：

link.dataset.desc = JSON.stringify(choice);