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

如何显示无序列表元素的工具提示文本？

1 个答案: