{"ScriptPreparationCode":null,"TestCases":[{"Name":"Bottom up","Code":"const container = document.getElementById(\u0027container\u0027);\r\nconst ul = document.createElement(\u0027ul\u0027);\r\nfor (const d of \u0027123456\u0027) {\r\n const li = document.createElement(\u0027li\u0027);\r\n li.textContent = d;\r\n ul.appendChild(li);\r\n}\r\nconst div = document.createElement(\u0027div\u0027);\r\ndiv.appendChild(ul);\r\ncontainer?.appendChild(div).remove();","IsDeferred":false},{"Name":"Top down","Code":"const container = document.getElementById(\u0027container\u0027);\r\nconst div = document.createElement(\u0027div\u0027);\r\nconst ul = div.appendChild(document.createElement(\u0027ul\u0027));\r\nfor (const d of \u0027123456\u0027) {\r\n const li = document.createElement(\u0027li\u0027);\r\n li.textContent = d;\r\n ul.appendChild(li);\r\n}\r\ncontainer?.appendChild(div).remove();","IsDeferred":false},{"Name":"Real top down","Code":"const container = document.getElementById(\u0027container\u0027);\r\nconst ul = container\r\n\t.appendChild(document.createElement(\u0027div\u0027))\r\n\t.appendChild(document.createElement(\u0027ul\u0027));\r\nfor (const d of \u0027123456\u0027) {\r\n const li = document.createElement(\u0027li\u0027);\r\n li.textContent = d;\r\n ul.appendChild(li);\r\n}\r\ncontainer?.firstElementChild?.remove();","IsDeferred":false},{"Name":"Top down (DocumentFragment)","Code":"const container = document.getElementById(\u0027container\u0027);\r\nconst fragment = document.createDocumentFragment();\r\nconst ul = fragment\r\n\t.appendChild(document.createElement(\u0027div\u0027))\r\n\t.appendChild(document.createElement(\u0027ul\u0027));\r\nfor (const d of \u0027123456\u0027) {\r\n const li = document.createElement(\u0027li\u0027);\r\n li.textContent = d;\r\n ul.appendChild(li);\r\n}\r\ncontainer.appendChild(fragment);\r\ncontainer?.firstElementChild?.remove();","IsDeferred":false},{"Name":"Mixed with append()","Code":"const container = document.getElementById(\u0027container\u0027);\r\nconst lis = Array.from(\u0027123456\u0027).map((d) =\u003E {\r\n const li = document.createElement(\u0027li\u0027);\r\n li.textContent = d;\r\n return li;\r\n});\r\nconst div = document.createElement(\u0027div\u0027);\r\nconst ul = div.appendChild(document.createElement(\u0027ul\u0027))\r\n\t.append(...lis);\r\ncontainer?.appendChild(div).remove();","IsDeferred":false}]}