title: Fastest way to add/remove multiple elements in DOM
body: <p><strong>Edit: It's not a duplicate of "Fastest DOM insertion" because it includes the event listeners variable too. Anyway I will edit the question.</strong></p>
  
  <p>I would to know some things if someone already discovered.</p>
  
  <p>I would like to know which is the fastest way to add an element in javascript and to be compatible with ie6+, chrome10+, firefox2+.</p>
  
  <p>Fastest technique to:</p>
  
  <ol>
  <li>Add a single element</li>
  <li>Add 100 elements</li>
  <li><p>Any time curve for adding 1 element or 1000 elements</p></li>
  <li><p>The same as above but for removing an element</p></li>
  <li><p>Add/Change/Remove an inline style attribute</p></li>
  <li><p>Add event listeners like mousedown/mouseup/mouseover</p></li>
  <li><p>Is faster to add/remove some tags over others? ex: is faster to add/remove a <code>&lt;div&gt;</code> or a <code>&lt;p&gt;</code>? (In the adding mode: I think is faster <code>&lt;p&gt;</code> because it only has 1 letter vs 3 letters, and maybe because div is a container. I don't know, that's why I'm asking :D)</p>
  
  <ol>
  <li>Remove an element, save into js somehow, then re-add it and keep the event listeners working as it were before removing the element</li>
  </ol></li>
  </ol>
  
  <p><strong>This a big question, so if you only know some of the questions you can always share what you know ;)</strong> </p>
  
  <p><strong>thanks thanks!!</strong></p>