Question

我有一个表并使用一些JS来重写一些内容：

var cells1 = document.querySelectorAll('td.listBodyCell');

for (var i = 0; i < cells1.length; i++) {
    cell = cells1[i];
    cell.innerHTML = ConvString(newlinesToBreaks(cell.innerHTML));
    cell.innerHTML = cell.innerHTML.replace(/<br><br>/g, '<br>'); // remove double line breaks
    cell.innerHTML = cell.innerHTML.replace(/With Customer/g, '<span style="color:green;">With Customer</span>');
    cell.innerHTML = cell.innerHTML.replace(/To Investigate/g, '<span style="color:red;">To Investigate</span>');

    if (url_loc.indexOf("CustomCalls") > 0) {
        cell.innerHTML = cell.innerHTML.substring(0,30);
    }
}

对于上面代码的这一部分：

if (url_loc.indexOf("CustomCalls") > 0) {
    cell.innerHTML = cell.innerHTML.substring(0,30);
}

我希望能够为包含完整cell.innerHTML内容的表格单元格添加title属性，以便用户可以将鼠标悬停在单元格内容上以查看其完整值。

但是，我不确定是否/如何实现这一目标？

我回顾了这个问题： Setting title attribute with Javascript function

但无法解决如何修改它以使用我的代码。

Answer 1

当然可以。只需使用setAttribute()：

cell.setAttribute('title', cell.innerHTML);

请务必在之前将innerHTML截断为最多30个字符，否则标题也会包含截断值。

Answer 2

所以基本上我只是直接从问题中链接的问题中提取this answer ......

只需使用.setAttribute();

即可

所以你可以使用类似的东西：

cell.setAttribute('title', cell.innerHTML);

在if语句之前插入它。

设置标题属性

2 个答案: