><a href="#C2_L7" id=C2_L7></a><a href="#C2_L8" id=C2_L8></a></span></code></pre>
<p>In this example, the sequence of code forced the browser to recalculate style, and relayout after each step.
However, if we were able to batch similar jobs together,
the browser would have only needed to recalculate the style and layout once.</p>
<pre class="language-javascript line-numbers"><code class="javascript language-javascript">foo<span class="token punctuation">.</span>style<span class="token punctuation">.</span>h