javascript - <a id> 覆盖 <div id>？

Question

我有以下 div 其 id 与允许 span 文本在传递时出现在小工具提示窗口上的 CSS 代码相关联将鼠标悬停在 a 标签文本上。

<div id="tooltip">
        <p class="bid1_pm" id="valorm">Valor de mercado</p>
        <a href="#" class="bid1_pr">Reserva<span>Este é o valor mínimo de licitação para a compra do produto.</span></a>
 </div>

p 标签 id 允许我用这段 javascript 代码更改 p 标签内容

document.getElementById("valorm").innerHTML = "Valor de mercado " + valorm;

这工作正常，但是当我尝试为 a 标签提供 id 时

<a href="#" class="bid1_pr" id="reser">

我可以用javascript代码改变这个标签的内容

var vres = reserva * parseInt(valorm);
 document.getElementById("reser").innerHTML = "Reserva (" + (reserva*100).toLocaleString() + "%) " + vres.toFixed(2).toLocaleString() + "€ (?)";

但是我松开了工具提示窗口!!!

a 标签上的第三个 id 似乎覆盖了 div 标签上的第一个 id

谁能帮帮我？

Answer 1

阻止工具提示显示的不是 ID，而是当您在 a 标签上设置 innerHTML 时，您将删除 span 完全。您需要更新代码，以保持跨度不变:

var vres = reserva * parseInt(valorm);
document.getElementById("reser").innerHTML = "Reserva (" + (reserva*100).toLocaleString() + "%) " + vres.toFixed(2).toLocaleString() + "€ (?)<span>Este é o valor mínimo de licitação para a compra do produto.</span>";

或者重组您的 HTML/CSS，使 span 不在 a 标签内。