Javascript 电子中元素的Dom力绘制

我需要在启动进程（twain扫描）之前更改按钮的部分文本，并在进程完成后重写原始文本。 似乎我需要在进程开始之前以某种方式强制呈现按钮，但我不知道如何进行（我尝试了setTimeout，但没有成功）。 我尝试了一个简单的测试，用一个警报代替进程，它也在做同样的事情。如果我在警报前放置断点，这是可行的，但没有bkpt是不行的。我想知道这个问题背后的真正原因，以及一个长期解决方案的解决方法（在浏览器更新的情况下）。 这种奇怪的行为是铬特有的吗

<div id="hidebtn" class=" col-sm-11 ">
  <button id="btn-scan" type="button" class="btn btn-primary  col-sm-offset-2   col-sm-8">SCAN<br><span id ="span-piece-std">DOCUMENT</span></button>
</div

var textBtnScan="";

document.querySelector('#btn-scan').onclick = function () {  
    debutScan();        
    alert("something is processing");
    finScan();       
  };      


function debutScan(){ 
    textBtnScan =  $("#span-piece-std").text();
    $("#span-piece-std").text(" Running......");
}
function finScan(){
    $("#span-piece-std").text(textBtnScan);  
} 

扫描
文档
我在Electron之外做了一个测试，它与Firefox兼容，但与Chrome不兼容。我遇到了完全相同的问题。你解决了吗？我用的是Chrome。这很令人沮丧。我可以在Chrome控制台窗口中看到DOM的变化，但屏幕保持不变。太可怕了！我不记得确切的原因，但我最终用这段代码文档在另一个buton btn扫描中添加了另一个buton btn扫描。querySelector（“#btn扫描”）.onclick=function（evt）{$（“#btn扫描”）.hide（）；$（“#btn扫描en-cours'）.show（）；setTimeout（函数（）{….执行某些操作的进程$（'#btn scan'）。show（）；$（'#btn scan en cours'）。hide（）；}，50）；}；Thx。他们真的需要让这变得更容易！