{"ScriptPreparationCode":null,"TestCases":[{"Name":"With createElement() and append()","Code":"const canvas = document.createElement(\u0022canvas\u0022);\r\ncanvas.id = \u0022canvas\u0022;\r\ndocument.body.append(canvas);","IsDeferred":false},{"Name":"With createElement() and appendChild()","Code":"const canvas = document.createElement(\u0022canvas\u0022);\r\ncanvas.id = \u0022canvas\u0022;\r\ndocument.body.appendChild(canvas);","IsDeferred":false},{"Name":"With innerHTML and getElementById()","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.getElementById(\u0022canvas\u0022);","IsDeferred":false},{"Name":"With innerHTML and getElementsByClassName()","Code":"document.body.innerHTML = \u0022\u003Ccanvas class=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.getElementsByClassName(\u0022canvas\u0022)[0];","IsDeferred":false},{"Name":"With innerHTML and getElementsByTagName()","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.getElementsByTagName(\u0022canvas\u0022)[0];","IsDeferred":false},{"Name":"With innerHTML and querySelector()","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.body.querySelector(\u0022canvas\u0022);","IsDeferred":false},{"Name":"With innerHTML and querySelectorAll()","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.body.querySelectorAll(\u0022canvas\u0022)[0];","IsDeferred":false},{"Name":"With createElement() and outerHTML","Code":"const canvas = document.createElement(\u0022canvas\u0022);\r\ncanvas.id = \u0022canvas\u0022;\r\ndocument.body.innerHTML = canvas.outerHTML;","IsDeferred":false},{"Name":"With innerHTML and children[children.length - 1]","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.body.children[document.body.children.length - 1];","IsDeferred":false},{"Name":"With innerHTML and lastChild","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.body.lastChild;","IsDeferred":false},{"Name":"With innerHTML and lastElementChild","Code":"document.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;\r\nconst canvas = document.body.lastElementChild;","IsDeferred":false},{"Name":"With createElement() and innerHTML","Code":"const canvas = document.createElement(\u0022canvas\u0022);\r\ncanvas.id = \u0022canvas\u0022;\r\ndocument.body.innerHTML = \u0022\u003Ccanvas id=\u0027canvas\u0027\u003E\u003C/canvas\u003E\u0022;","IsDeferred":false}]}