Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何显示无序列表元素的工具提示文本?_Javascript_Html_Css - Fatal编程技术网

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

Javascript 如何显示无序列表元素的工具提示文本?,javascript,html,css,Javascript,Html,Css,当我创建一个无序列表时,每个元素的文本都是一个章节的名称。不过,我还想通过工具提示文本提供本章的描述。我创建列表元素的Javascript代码是: var list_item = document.createElement('li'); var text_element = document.createTextNode(Object.values(json)[i].name); list_item.appendChild(text_element); 我知道元素的标题通常显示为工具提示文本

当我创建一个无序列表时,每个元素的文本都是一个章节的名称。不过,我还想通过工具提示文本提供本章的描述。我创建列表元素的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);
但是,这只是将列表中的文本正常显示,将鼠标悬停在文本上不会显示工具提示。如何将描述显示为工具提示。

请改用。例如:

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

完美的这正是我要找的!