Javascript 使用src和alt替换图像

我在我的网站上有一部分致力于改变语言。 现在，在一个圆圈按钮，我有英国国旗。这是默认选项

  <a class="nav-link-language  js-language-trigger">
    <img src="http://my-site.test/wp-content/uploads/2018/04/260-united-kingdom.png" alt="">

例如，我可以选择德语

    <div class="nav-link-language-holder">
      <a><img src="http://my-site.test/wp-content/uploads/2018/04/260-germany.png" alt=""><i>German</i></a>
    </div>

德国的

如何使用javscript进行设置，当用户单击德国的图标时，它将被替换为默认选项（现在是英国）

---

非常感谢

以下是更改您的img src的快速方法：

<img id="Your_IMG_ID" src="olg-img-src.png">
<button onclick="change_img_src()">Change SRC</button>
<script>
function change_img_src() {
    document.getElementById("Your_IMG_ID").src = "new-img-src.png";
}
</script>

更改SRC
函数更改\u img\u src（）{
document.getElementById（“您的IMG\u ID”）.src=“new IMG src.png”；
}

要概括您要查找的内容并进一步简化它，以下是一种方法：

<!--- Your main flag --->
<img id="main-flag" style="cursor:pointer" src="img.png"/>

<!--- Rest of flags --->
<img style="cursor:pointer" onclick="Change_flag(this.src)" src="img.png"/>
<img style="cursor:pointer" onclick="Change_flag(this.src)" src="img-2.png"/>
<img style="cursor:pointer" onclick="Change_flag(this.src)" src="img-3.png"/>
<!----Other flags---->
<script>
function Change_flag(_src) {
    document.getElementById("main-flag").src = _src;
}
</script>

函数更改标志（src）{
document.getElementById（“主标志”）.src=\u src；
}

你试过什么？！默认选项是什么意思？您希望在您的站点上替换哪些内容？“导航链接语言持有者”类中标记的src？当用户单击德国图标时，页面是否重新加载？如果是这样，则在呈现页面时应处理

src

。如果没有，那么为

单击
添加一个
事件侦听器
，并让它运行一点javascript来更改图标；旗帜不是一种很好的表达语言的方式，尤其是在比利时或卢森堡等地。@DanielBürckner我的意思是默认情况下，选项是设置在按钮上用于更改语言的图像。我希望当我点击另一个选项时它会改变（例如，当我点击德国国旗时，它会变成defaultYou are welcome:），你可以去掉这个按钮，将你的img本身变成一个按钮，并执行其他事情，比如在js代码中更改语言cookie。祝你玩你的脚本好运：DIt效果很好，谢谢。但这只是一个问题。我的html中已经有png文件的地址，我不想在javascript文件上再写一次，你能用这种方式更改代码吗？@AbdennOur这部分我的意思是：.src=“new img src.png”；我将看看我能做些什么，就我的理解而言，您需要获取已经显示的标志的来源，并将它们替换为您的主（默认）标志，对吗？