Test case details

Preparation Code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <div id="testdiv">Test div, should be cleared before a test starts</div> <script>   function make_test_element(id) {    return "<div id=\"ele" + id + "\" class=\"testdd\"></div>";   };     function pmake_test_element() {    return "<div>";   }; </script>

Test cases

Test #1

$('#testdiv').html(""); var block = ""; for (var i = 0; i < 1000; i++) {  block += make_test_element(i); } $('#testdiv').html(block);

Test #2

$('#testdiv').html(""); for (var i = 0; i < 1000; i++) {  $('#testdiv').append(document.createElement("div")); }

Test #3

var myDiv = document.getElementById('testdiv'); $('#testdiv').html(""); var block = ""; for (var i = 0; i < 1000; i++) {  block += make_test_element(i); } myDiv.innerHTML = block;

Test #4

var myDiv = document.getElementById('testdiv'); $('#testdiv').html(""); for (var i = 0; i < 1000; i++) {  myDiv.appendChild(document.createElement("div")); }

Test #5

$('#testdiv').html(""); var block = ""; for (var i = 0; i < 1000; i++) {  block += make_test_element(i); } $('#testdiv').html(block); var ele_ids = $(' *', $('#testdiv'));

Test #6

var myDiv = document.getElementById('testdiv'); $('#testdiv').html(""); for (var i = 0; i < 1000; i++) {  var ele = document.createElement("div")  ele.id = "ele" + i;  ele.className = "testdd";  myDiv.appendChild(ele); }

Test #7

var myDiv = document.getElementById('testdiv'); $('#testdiv').html(""); var parent = myDiv.parentNode; parent.removeChild(myDiv); for (var i = 0; i < 1000; i++) {  myDiv.appendChild(document.createElement("div")); } parent.appendChild(myDiv);