抱歉,如果这是一个菜鸟问题!
我正在使用脚本通过以下代码翻译我的页面:
<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>
如何解决?
最佳答案
请参阅有关 img
标签内内容的答案:Div tag within img tag
但一个可能的解决方案是从 img
中删除 id
并在具有该 id 的文本周围创建一个新元素。例如:
<img src="img/fav-rond.png" />
<span id="textimg">English text</span>
关于javascript - 使用javascript更改文本并保留src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36446792/