Javascript Safari无法通过本机JS实时更新文本

为了模拟加载百分比效果，我需要浏览器实时显示百分比的数量。我发现jQuery的方法，如html（）或text（）可以很好地完成这项工作，但我希望使用原生JS来完成这项工作。而问题在于狩猎

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

我做了一个简单的演示

当您在Chrome中打开演示时，数字将随着“for”循环的步骤而改变（从0到3），但Safari将直接显示最后的结果（3）

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

以下是我的代码：

HTML:

0

JS:

var input_num=document.getElementById（“input_num”）；
对于（var i=1；我知道您的实时演示没有运行。它有一个语法错误。是的，我正在修复它，thx。现在没事了。我得到了“忽略对'alert（）'的调用。文档是沙盒的，并且'allow modals'关键字没有设置。”在chrome中，页面显示
3
。这是来自iframe阻止警报。如果您希望更新页面，则需要更改循环发生的方式，并使用
setTimeout
或
setInterval
或
requestAnimationFrame
。“忽略调用（）…”是chrome的新功能。你可以在这里看到我知道它是什么。。。
<div id="input_num">0</div>

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);}