javascript - 为什么 HTML DOM 事件不会立即影响同一个 DOM 元素？

Question

我正在编写代码以在执行单击事件时更改 Button 元素值。

但直到它完成它不会影响按钮元素值。

我附上了 fiddle example这将使您对我在说什么有一个很好的了解。

function myFunction() {
 document.getElementById("demo").innerHTML = "Hello World";
 alert('hi')
}

即使按钮元素 innerHTML 在 alert 之前更改，也不会影响 UI。

我该如何完成，在执行警报之前我需要更改按钮文本？

谢谢。

Answer 1

在 JS 中最接近线程的是 settimeout 函数，这样做是不行的，但如果你使用它，它会是什么样子

 function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
  setTimeout(function(){
      alert('hi')
  },1000)
}