HTML图像标记不会将表格正确分配给标题属性

Question

我正在尝试使用javascript将表格分配给图片的标题属性但是当我将鼠标悬停在图片上时，它不会渲染表格，而是将表格显示为文字。

function FormatAssessorInfo(P1, P2)
{           
    var ToolTipTable = "<table width='200px' border='0' cellspacing='0' cellpadding='2'> <tbody> <tr> <td> Phone: </td> <td> " + P1 + " </td> <td> Cell: </td> <td> " + P2 + " </td> </tr> </tbody> </table>";
    return '<img src="/files/404048/93171/Info-32.png" height="15" width="15" title="' + ToolTipTable + '" style=""/>'; 
}

Answer 1

这与您尝试的内容无法实现。你可能想要使用一些tooltip插件。像jQuery tooltips一样。

Answer 2

来自MDN：

  

title属性包含代表咨询信息的文本，   与它所属的元素有关。

由于它是文本，而不是html，因此不会被浏览器解释。