javascript - 使用javascript更改文本并保留src

Question

抱歉，如果这是一个菜鸟问题!

我正在使用脚本通过以下代码翻译我的页面:

<script>
        var translations= { 'en' : 
                                {'title' : 'Title', 'textimg' : 'English text'},
                            'fr' : 
                                {'title' : 'Titre', 'textimg' : 'Texte français'}
                          };
        function doTranslate(language) {
            for(id in translations[language]) {
                document.getElementById(id).innerHTML = translations[language][id];
            }
        }
</script>

还有这个 html:

<a href="javascript:doTranslate('fr')"><img src="img/Fr-Flag.png"></a>
<a  href="javascript:doTranslate('en')"><img src="img/UK-Flag.png"></a>
<h2 id="title">Title</h2>

当我使用图像(小图标)时出现问题:文本发生变化，但是 src 似乎消失了，所以当文本发生变化时，图像不显示:

<img id="textimg" src="img/fav-rond.png">English text</img>

如何解决？

Answer 1

请参阅有关 img 标签内内容的答案:Div tag within img tag

但一个可能的解决方案是从 img 中删除 id 并在具有该 id 的文本周围创建一个新元素。例如:

<img src="img/fav-rond.png" />
<span id="textimg">English text</span>

还有一个演示:https://jsfiddle.net/7j2ckw0r/1/