如何顯示無序列表元素的工具提示文本？

Question

當我創建一個無序列表時，每個元素的文本是一個章節的名稱。不過，我還想通過工具提示文本提供本章的描述。我的Javascript代碼來創建一個列表元素是：

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

我知道一個元素的標題通常顯示爲工具提示文字，我主要專注於Chrome瀏覽器的兼容性，其中即是如此。於是，我嘗試添加標題以同樣的方式我做我的按鈕：

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);