順序付けられていないリスト要素のツールヒントテキストを表示するにはどうすればよいですか？

Question

順序なしリストを作成すると、各要素のテキストが章の名前になります。しかし、私は章の説明をツールチップのテキストで提供したいと思います。リスト要素を作成するために、私のJavascriptのコードは次のとおりです。

var list_item = document.createElement('li'); 
var text_element = document.createTextNode(Object.values(json)[i].name); 
list_item.appendChild(text_element); 

私は要素のタイトルは通常、ツールチップテキストとして表示されている、と私はほとんどそのような場合はクロームの互換性に焦点を当てていますことを知っています。だから、私は、ボタンのタイトルに私が行うのと同じ方法を追加しようとしました：

var list_item = document.createElement('li'); 
var text_element = document.createTextNode(Object.values(json)[i].name); 
text_element.title = json[i].description; 
list_item.appendChild(text_element); 

しかし、これは普通のように、リスト内のテキストが表示され、テキストの上をホバリングすると、ツールチップが表示されることはありません。説明をツールチップとして表示するにはどうすればよいですか。

Answer 1

代わりにElement.setAttribute(name, value);を使用してください。例：

var list_item = document.createElement('li'); 
var text_element = document.createTextNode(Object.values(json)[i].name); 
list_item.setAttribute("title", json[i].description); 
list_item.appendChild(text_element);