title: Does Element.setAttribute trigger reflow?
body: <p>I started learning about the inner working of browsers and came across <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Introduction_to_Layout_in_Mozilla" rel="nofollow noreferrer">reflow / repaint</a> mechanism (and <a href="https://medium.com/@gethylgeorge/how-virtual-dom-and-diffing-works-in-react-6fc805f9f84e" rel="nofollow noreferrer">how it applies to React</a>, but I don't want to digress).</p>
  
  <p>In general, I think anything that makes browsers compute values/ visible changes will trigger reflow/ repaint. </p>
  
  <p>However, I can't wrap my head around <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute" rel="nofollow noreferrer"><code>Element.setAttribute</code></a>. Does it trigger reflow/ repaint in Chrome? What is the most efficient way to update multiple element attributes in dom tree?</p>