Javascript 在文本更改后，Edge/IE浏览器在屏幕上保留最后一个字符串的字体位

我有一个文字游戏，每次回答后都会改变屏幕上的问题，但有时它会在屏幕上留下问题之前的字体痕迹/位，字体上方有这些字母“屋顶”（在图像中的红色圆圈内）。我试图隐藏/显示每个句子更改后的元素，但没有帮助

这在Chrome或Firefox上并没有发生，只是在Edge上

它从JS数组中获取问题，并在多个if/else语句中使用jQuery对其进行更改（简短示例代码）：

window.onload=函数（）{
问题雷=[
'Ты верный супруг?',
'До конца верный?',
'Любишь ли ты своих детей?',
'Нравится ли тебе проводить время дома?',
'Нравится ли тебе забота о детях?',
'Ты вообще переносишь детей?',
'Готов ли ты сам родить ребенка? ',
'Готов ли ты вырастить детей?'
]
$（'.button.yes'）。单击（函数（）{
级别++；是++；
如果（否==1&&yes==0）{
$（'#question'）.html（questionsArray[2]）
}else if（yes==0&&no==2）{
$（'#question'）.html（questionsArray[5]）
}
});
...
}

尝试在添加新文本之前清除DIV

尝试对所有问题使用相同的DIV，而不是对每个问题使用新的DIV

---

此外，请尝试提供一个示例代码。这样我们就可以尝试检查它，找出其中的问题，并尝试为您提供更准确的建议。

您能展示您的代码吗？这看起来有点像你在重复所有不同的问题，而不是用下一个问题替换上一个问题。显示一些代码，这样我们就可以知道你到底在做什么导致了这个问题。我的错，我现在添加了一个简短的代码示例。jquery“.html”是否与上一个字符串重叠而不覆盖上一个字符串？我在每个新问题之前添加了“$（'#问题“）.html（''）；”以清空div，它成功了！

<div class="button yes">
<div class="button no">
<div id="question"></div>
<script>
window.onload = function() {
questionsArray = [
    'Ты верный <span class="blue">супруг?</span>',
    'До конца <span class="blue">верный?</span>',
    'Любишь ли ты <span class="blue">своих детей?</span>',
    'Нравится ли тебе проводить <span class="blue">время дома?</span>',
    'Нравится ли тебе <span class="blue">забота о детях?</span>',
    'Ты вообще <span class="blue">переносишь детей?</span>',
    'Готов ли ты сам <span class="blue">родить ребенка?</span> ',
    'Готов ли ты <span class="blue">вырастить детей?</span>'
  ]
$('.button.yes').click(function() {
 level++; yes++;
 if(no == 1 && yes == 0) {
  $('#question').html(questionsArray[2])
} else if (yes == 0 && no == 2) {
  $('#question').html(questionsArray[5])
}
});
...
}
</script>