{"ScriptPreparationCode":null,"TestCases":[{"Name":"Replacing the entire list with DocumentFragment","Code":"// Assume we have a parent div with id=\u0022container\u0022\r\nlet container = document.getElementById(\u0022container\u0022);\r\n\r\n// Replacing the entire list with DocumentFragment\r\nfor (let i = 0; i \u003C 1000; i\u002B\u002B) {\r\n let fragment = document.createDocumentFragment();\r\n let newContainer = document.createElement(\u0022div\u0022);\r\n let newElement = document.createElement(\u0022div\u0022);\r\n newElement.textContent = \u0022New Element \u0022 \u002B i;\r\n newContainer.appendChild(newElement);\r\n fragment.appendChild(newContainer);\r\n container.replaceWith(fragment);\r\n container = newContainer;\r\n}\r\n","IsDeferred":false},{"Name":"Clearing and using DocumentFragment to append new elements","Code":"// Assume we have a parent div with id=\u0022container\u0022\r\nlet container = document.getElementById(\u0022container\u0022);\r\n\r\n// Clearing and using DocumentFragment to append new elements\r\nfor (let i = 0; i \u003C 1000; i\u002B\u002B) {\r\n container.innerHTML = \u0027\u0027;\r\n let fragment = document.createDocumentFragment();\r\n let newElement = document.createElement(\u0022div\u0022);\r\n newElement.textContent = \u0022New Element \u0022 \u002B i;\r\n fragment.appendChild(newElement);\r\n container.appendChild(fragment);\r\n}\r\n","IsDeferred":false},{"Name":"Replacing the entire list","Code":"// Assume we have a parent div with id=\u0022container\u0022\r\nlet container = document.getElementById(\u0022container\u0022);\r\n\r\n// Replacing the entire list\r\nfor (let i = 0; i \u003C 1000; i\u002B\u002B) {\r\n let newContainer = document.createElement(\u0022div\u0022);\r\n let newElement = document.createElement(\u0022div\u0022);\r\n newElement.textContent = \u0022New Element \u0022 \u002B i;\r\n newContainer.appendChild(newElement);\r\n container.replaceWith(newContainer);\r\n container = newContainer;\r\n}\r\n","IsDeferred":false},{"Name":"Clearing and appending new elements","Code":"// Assume we have a parent div with id=\u0022container\u0022\r\nlet container = document.getElementById(\u0022container\u0022);\r\n\r\n// Clearing and appending new elements\r\nfor (let i = 0; i \u003C 1000; i\u002B\u002B) {\r\n container.innerHTML = \u0027\u0027;\r\n let newElement = document.createElement(\u0022div\u0022);\r\n newElement.textContent = \u0022New Element \u0022 \u002B i;\r\n container.appendChild(newElement);\r\n}\r\n","IsDeferred":false}]}