ブラウザのリフロー/再描画を無効にする

DOMにかなりの要素を追加しています。私はすべての要素が追加されるまで、ブラウザがページを再描画しようとは思わない。ブラウザのリフロー/再描画を無効にする

これは可能ですか？

2016-10-02 BanksySan

おそらく*各要素の後には*再描画されません。注意すべき主な点は、DOMの追加/削除に要素サイズや位置などのクエリを散在させることです。これらのクエリはブラウザに正しい答えを得るために再描画を強制するためです。 – Pointy

[フラグメント]（https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment）を使用して要素をその要素に追加し、終了時に要素を追加することができます。 –

@Pointyサイズの問い合わせに関する興味深い点。私はそれを考慮しなかった。 – BanksySan

すべての要素の親を末尾のDOMに追加するだけで、一度しか再描画されません。

2016-10-02 12:35:34 solarc

私は1つのノード（およびその子ノード）を操作しているだけです。それが判明したので、私はです。私の頭の中をクリックすると、あなたが投稿する直前のすべてが複雑になります。 – BanksySan

答えて