使用id属性作为工具提示的引用或变量

时间:2013-07-11 08:02:04

标签: javascript html css tooltip

我目前正在使用此code

然而,我希望显示的文本必须在一行中,如果文本中有撇号('),它将不再起作用。

 imgover(this, 'Text to display')

有没有办法通过div的id重新设置onmouseover的第二个变量,以便它显示div中的所有内容?

以下是div的示例:

<div id ="text1" >
    <em><img class="floatLeft" src="images/F9979.jpg" alt="" />
                                        TITRE DU FILM : Man of Steel
                <br />
                <br />
                  RESUME :
                   Film fantastique américain réalisé par Zack Snyder avec Henry Cavill, Amy Adams, Diane Lane
                <br />
                 <br />
                 DUREE : 2H23
                <br />
                Un petit garçon découvre qu'il possède des pouvoirs surnaturels et qu'il n'est pas né sur la Terre. Plus tard, il s'engage dans un périple afin de comprendre d'où il vient et pourquoi il a été envoyé sur notre planète. Mais il devra devenir un héros s'il veut sauver le monde de la destruction totale et incarner l'espoir pour toute l'humanité...

      </em>
</div>

我想从

重新提出“要显示的文字”
 imgover(this, 'Text to display')

通过div(text1)中的内容,以便在div(工具提示)的位置,我将看到文本和div(text1)中的图像。

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解你的问题,但这应该有效。您需要将html元素的id标记的值放在getElementById

的参数中
<script>
    function imgover(img, tip) {
        document.getElementById('text1').style.display = 'block';
        document.getElementById('text1').innerHTML = tip;
        document.getElementById('text1').style.left = img.offsetLeft + 'px';
    }

    function imgout() {
        document.getElementById('text1').style.display = 'none';
    }
</script>