javascript - 在悬停的DIV中显示隐藏的文本

理想的效果是当用户将鼠标指针悬停在文本上方时，使表格单元格中的隐藏文本在该单元格中显示全文。请参阅问题图链接以了解我的意思。 “解决方案”表示所需的效果，而“问题”表示代码当前正在执行的操作。非常感谢您的协助。

var jobSourceID = 'jobSource' + jobIndex;
jobSource.innerHTML = '<div id="' + jobSourceID + '">' + jobSourceValue + '</div>';
document.getElementById(jobSourceID).style.marginLeft = '3px';
document.getElementById(jobSourceID).style.maxWidth = '55px';
document.getElementById(jobSourceID).style.overflow = 'hidden';
document.getElementById(jobSourceID).style.textOverflow = 'ellipsis';
document.getElementById(jobSourceID).style.whiteSpace = 'nowrap';
document.getElementById(jobSourceID).addEventListener('mouseover', function () {
    document.getElementById(jobSourceID).style.overflow = 'visible';
    document.getElementById(jobSourceID).style.backgroundColor = '#555555';
});
document.getElementById(jobSourceID).addEventListener('mouseout', function () {
    document.getElementById(jobSourceID).style.overflow = 'hidden';
    document.getElementById(jobSourceID).style.backgroundColor = '';
});

最佳答案

您可以将“ jobSourceID”宽度设置为鼠标悬停时的自动功能。

document.getElementById（jobSourceID）.style.width =“ auto”;