Question

我有以下div id与CSS代码相关联，当鼠标悬停在span上时，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，而是当您在innerHTML标记上设置a时，您将完全删除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标记内。

<a id=""> overrides <div id="">?</div></a>

1 个答案: