DOM操作において「Reflow」が発生するのはどのような場合ですか?
- 要素の背景色を変更したとき
- 要素の位置やサイズを変更したとき
- コンソールにログを出力したとき
- スクリプトを読み込んだとき
正解
- 要素の位置やサイズを変更したとき
解説
Reflowは要素の位置やサイズ、レイアウトに関わる変更が起きたときに発生します。一方、色の変更などはRepaintのみを引き起こします。
使用例(サンプルコード)
[ javascript ]
const box = document.getElementById("box");
box.style.width = "200px"; // Reflowが発生する