新的IMG标题在通过javascript更改时消失

我有一个图像，它在点击时更改了它的src。此功能工作正常，但我也需要更改 img 标题属性。我的代码更改了标题，但仅在将鼠标悬停在 img 上时保留更改。

当我将鼠标移出 img 时，FF 开发人员显示标题恢复为空，最终没有保存新的 img 标题。以为是浏览器问题，但其他浏览器也这样做。

想法？

<script type="text/javascript">
  function my_func() {
    if (document.getElementById("changeable").src == "mysrc") {
      document.getElementById("changeable").src = "newsrc";
      document.getElementById("changeable").setAttribute("title","Now showing newimg");
    }
    else {
      document.getElementById("changeable").src = "newimg";
      document.getElementById("changeable").setAttribute("title","Now showing defaultimg");
    }
  }
</script>
<img id="changeable" onclick="my_func();" src="mysrc" title="Click to toggle" />

您检查的条件错误，

这里document.getElementById("changeable"(.src result 应该是 "file:///home/system/Desktop/mysrc">

像这样使用，

<html><script type="text/javascript">
  function my_func() {
    if (document.getElementById("changeable").getAttribute('src') == "mysrc") {
      document.getElementById("changeable").setAttribute('src',"newsrc");
      document.getElementById("changeable").setAttribute("title","Now showing newimg");
    }
    else {
      document.getElementById("changeable").src = "newimg";
      document.getElementById("changeable").setAttribute("title","Now showing defaultimg");
    }
  }
</script>
<img id="changeable" onclick="my_func();" src="mysrc" title="Click to toggle" />
</html>

相关内容

最新更新

热门标签：