dom_dom0800_005

Reflowを避けるためには、( A )の外でDOM操作をまとめて行い、必要最小限の( B )を発生させることが望ましい。

解答

A: レンダリングサイクル
B: レイアウト変更

解説

DOM操作はまとめて行うことで再計算回数を減らせる。頻繁な変更はReflowを多発させるため、バッチ処理が推奨される。

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

[ javascript ]

// 悪い例
div.style.width = "100px";
div.style.height = "200px";

// 良い例
div.style.cssText = "width:100px; height:200px;";