Question

我有HTML标题喜欢这个 http://s1.postimg.org/4ebyk3qwv/image.png

当我写这段代码时：

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

（＆＃34; TL85_1_7＆＃34; - 这是元素的ID）

将元素悬停在第一行显示标题，例如＆＃34; Pr Emp＆＃34;，＆＃34; Pr Emp End＆＃34;。在其他方面，徘徊不会显示标题。

有什么建议吗？

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在HTML页面中应该是唯一的，在这种情况下，您将相同的ID分配给2个节点，因此JavaScript会返回它找到的第一个ID，请将id更改为class然后使用此代码。

<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都有＆＃34; Node＆＃34;类

Answer 2

我看到了问题

<div class="NODE" nowrap=""  style="left:502px;top:279px;width:36px;height:17px;z-index:5000; clip:rect(0px 36px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;"   id="TL85_1_7">Par14</div>
<div class="NODE" nowrap=""  style="left:510px;top:298px;width:20px;height:17px;z-index:5000; clip:rect(0px 20px 17px 0px);font-weight:bold;font-size:13px;font-family:Arial;color:#000000;"   id="TL85_1_7">Sw</div>

我对2个不同的元素有相同的ID。

问题是它自动生成页面所以我无法触摸HTML

文本字段上的javascript标题

2 个答案: