Safari无法通过原生JS

Question

要模拟加载百分比效果，我需要浏览器实时显示百分比数。我发现jQuery的方法，如html（）或text（）可以做得很好，但我想使用原生JS来做到这一点。问题出在Safari ......

如何让Safari像Chrome一样实时更新文字。我测试了textContent / innerHTML / innerText的属性，以及操作appendChild / replaceChild等节点的方法。它们在Safari中都不起作用，但在Chrome中是正常的。

我做了一个简单的演示;

Live Demo

当您在Chrome中打开演示时，数字会随着＆＃34;循环（从0到3）的步骤而改变，但Safari会直接显示最后的结果（3）。

我是网络开发的新手，我不知道自己是否表达清楚。谢谢。

以下是我的代码：

HTML：

<div id="input_num">0</div>

JS：

var input_num = document.getElementById("input_num");
for(var i = 1;i<4;i++){
input_num.replaceChild(document.createTextNode(i),input_num.firstChild);
alert(i);}