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

【问题标题】：New IMG title disappears when changing via javascript通过 javascript 更改时新的 IMG 标题消失
【发布时间】：2018-03-10 22:55:20
【问题描述】：

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

当我退出 img 时，FF Developer 显示标题恢复为空，最终没有保存新的 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" />

【问题讨论】：

您不必使用.setAttribute() 来设置“title”属性。您可以直接设置它，就像设置“src”一样。
您可能在同一页面上有其他代码与之冲突。我的猜测是工具提示库。

标签： javascript

【解决方案1】：

你检查的条件错误，

这里， document.getElementById("changeable").src 结果应该是 "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>

【讨论】：