dom_dom0800_001

DOM操作において「Reflow」が発生するのはどのような場合ですか?

  1. 要素の背景色を変更したとき
  2. 要素の位置やサイズを変更したとき
  3. コンソールにログを出力したとき
  4. スクリプトを読み込んだとき
正解
  1. 要素の位置やサイズを変更したとき
解説

Reflowは要素の位置やサイズ、レイアウトに関わる変更が起きたときに発生します。一方、色の変更などはRepaintのみを引き起こします。

使用例(サンプルコード)

[ javascript ]

const box = document.getElementById("box");
box.style.width = "200px"; // Reflowが発生する