我想在 onmouseover 的块内插入书面文本。
我的 HTML 源代码是:
<li id="v4">
<div class="cl">
<div>
<span class="m">Text</span>
<span class="count"></span>
<span class="pr">
<span class="p">0%</span>
</span>
<!-- insert written : <span class="c1">Vote</span> -->
</div>
</div>
</li>
为了插入文本来代替注释,我编写了这段 Javascript 代码:
document.getElementById("v4").onmouseover = addSpan;
document.getElementById("v4").onmouseout =removeSpan;
function addSpan(id)
{
var li=document.getElementById(this.getAttribute("id"));
var divcell=li.firstChild;
var divelem=divcell.firstChild;
var span=document.createElement("span");
span.setAttribute("class","c1");
var testo=document.createTextNode("Vote");
span.appendChild(testo);
divelem.appendChild(span);
span.style.display = 'block';
}
function removeSpan(id)
{
var li=document.getElementById(this.getAttribute("id"));
var divcell=li.firstChild;
var divelem=divcell.firstChild;//div
var span = divelem.lastChild;
span.style.display='none';
divelem.removeChild(divelem.lastChild);
}
问题在于书面链接。如何解决这个问题?我的代码正确吗?
[编辑]:我添加了 css 让你看看fiddle会发生什么。我使用了@Konstantin D-Infragistics 的代码 jquery,但存在同样的问题:当鼠标经过所写的“要添加的文本”时,它会闪烁。我希望这个问题现在更清楚了