If I have a div container that has an id, and within that container there is multiple span tags that all have ids. Would it be faster to replace the inner html of the div container or replace the inner html of the three span tags individually?   Option 1 would be 1  call to innerhtml and option 2 would be 3 separate calls to innerhtml but with less data at a time.  I am downloading data from the server via ajax, and I want to know which is the best method.   Having to update just the div containers would be easier, but it would also be a more data over the network.  On the other hand, if I wanted to update the span tags individually I would have needed to make 3 separate ajax calls or got back the content from the server and filter by Id and then insert to DOM.   Any advice would be greatly appreciated.

<div id="container1">

<span id="d1">data1</span>

<span id="d2">data2</span>

<span id="d3">data3</span>

</div>