DOMを操作するときにJavascriptが同期していますか？

Question

私はタイプフィールドの入力を持つフォームを持っています。私はいくつかのラジオボタンを持っており、どれをクリックするかによって、入力タイプフィールドの値が更新されます。その後、Javascript関数を呼び出して特定のアクションを実行し、関数は入力フィールドで更新された数量（テキスト）を使用します。

もちろん、その数量を関数自体に渡すのがより安全ですが、JavaScriptを最初に更新して、更新入力フィールドの値を表示し、document.getElementById("input-quantity").valueで取得し、これを使用して取得することができます関数？または、DOMのリフレッシュに時間がかかる場合、関数は「古い」値を取得できますか？

Answer 1

あなたが言ったように、値を関数に渡すだけでよいでしょう。

しかし、はい、入力の値を設定することは同期です。あなたが何を述べているのか、あなたは確実に更新された価値、クロスブラウザを得るでしょう。他のDOM操作（要素の挿入、削除、移動）も同期していますが、JavaScriptコードが完了するまでユーザーが結果を見ることができないため、ブラウザはスレッドを使用して表示を再描画します。 （JavaScriptは本質的にシングルスレッドではありませんが、ブラウザはJavaScriptコードを実行するために1つのメインUIスレッドを使用し、通常はそのスレッドを使用してディスプレイを更新します）。