javascript - 悬停时显示图像 Alt 属性文本

Question

我想知道如何在鼠标悬停时在 p 元素内显示 img 的 alt 文本。

这是我的HTML:

<img src="img1.jpg" alt="one"/>
<img src="img2.jpg" alt="two"/>
<img src="img3.jpg" alt="three"/>

<p id="text"> </p>

和JS:

function showAlt(){
  var img = document.getElementsByTagName("img");
  var text = document.getElementById("text");

  for(var i=0; i < img.length; i++){
    img[i].addEventListener("mouseover", function(){
      var alt = img[i].alt;
      alt.appendChild(text);}}

}

和 JSfiddle:here

Answer 1

我不确定这个的上下文，但 title=""属性通常显示为图像的工具提示。应该适用于所有桌面浏览器，所以我不确定您是否需要 JS 来执行此操作。