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表現を実行する必要はありません。あなたは絶対にdataset（data-*="…"）の一部であることをchoiceが必要な場合は

は、他のいくつかのコンポーネントがそれに依存しているため...

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; 

そして、いくつかの他のDOM要素にこのlinkその後、appendChild：DOMは、任意のプロパティを持つオブジェクトを直接作成します。 ...まあ、datasetはオブジェクトではなく文字列を保持できるだけなので、値がJSON文字列であることに少なくとも同意する必要があります：

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