文本字段上的 JavaScript 标题

Question

我有这样的 HTML 标题 http://s1.postimg.org/4ebyk3qwv/image.png

当我编写这段代码时:

<script>
document.getElementById("TL85_1_7").title = "Tooltip Example"
</script>

("TL85_1_7"- 这是元素的 ID)

将元素悬停在第一行会显示标题，例如“Pr Emp”、“Pr Emp End”。在其他行上悬停不会显示标题。

有什么建议吗？

HTML

<div class="NODE" nowrap=""  style="left:273px;top:278px;width:46px;height:17px;z-index:5000; clip:rect(0px 46px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;"   id="TL85_1_5">Pr&nbsp;Emp</div>
<div class="NODE" nowrap=""  style="left:264px;top:297px;width:47px;height:17px;z-index:5000; clip:rect(0px 47px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;"   id="TL85_1_5">Start&nbsp;Dt</div>

Answer 1

在您将相同的 id 分配给 2 个节点的情况下，id 在 HTML 页面中应该是唯一的，因此 JavaScript 将返回它找到的第一个 id，请将 id 更改为类，然后使用此代码。

<div class="NODE TL85_1_5" nowrap=""  style="left:273px;top:278px;width:46px;height:17px;z-index:5000; clip:rect(0px 46px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;" >Pr&nbsp;Emp</div>
<div class="NODE TL85_1_5" nowrap=""  style="left:264px;top:297px;width:47px;height:17px;z-index:5000; clip:rect(0px 47px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;" >Start&nbsp;Dt</div>

现在试试这个

var x = document.getElementsByClassName("TL85_1_5");
var i;
for (i = 0; i < x.length; i++) {
    x[i].title = "Tooltip Example";
}

Demo Here

现在 HTML 不在您的控制范围内，那么第二个解决方案是

var x = document.getElementsByClassName("NODE");
var i;
for (i = 0; i < x.length; i++) {
    if (x[i].id === "TL85_1_5")
      x[i].title = "Tooltip Example";
}

这里我假设每个 div 都有“Node”类