dom_dom0800_010

DOM操作の最適化では、スタイルを1つずつ変更するより、( A )をまとめて変更する方が効率的で、( B )の発生を減らせる。

解答

A: cssText
B: Reflow

解説

styleプロパティを複数回更新するとその都度Reflowが発生する可能性がある。cssTextを使えば一度に適用でき効率が良い。

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

[ javascript ]

// 複数変更をまとめる
div.style.cssText = "width:100px; height:200px; background:red;";