{"ScriptPreparationCode":"const a = document.createElement(\u0027test\u0027);\r\n document.head.appendChild(a); // Append \u0027a\u0027 to the document body\r\n let string = \u0027This element contains \u003Ccode\u003Ecode\u003C/code\u003E\\n\u0027 \u002B \u0027\u003Cp\u003E\u003Cstrong\u003Eand HTML tags\u003C/strong\u003E\u003C/p\u003E\u0060\u0027\r\n\r\n // Update innerHTML with a larger content\r\n let start = performance.now();\r\n a.innerHTML = string;\r\n let end = performance.now();\r\n let diff = end - start;\r\n\r\n start = performance.now();\r\n a.innerText = string;\r\n end = performance.now();\r\n let diff2 = end - start;\r\n\r\n start = performance.now();\r\n a.textContent = string;\r\n end = performance.now();\r\n let diff3 = end - start;\r\n\r\n start = performance.now();\r\n a.outerHTML = string;\r\n end = performance.now();\r\n let diff4 = end - start;\r\n\r\n console.table({\r\n \u0027innerHTML\u0027: diff,\r\n \u0027innerText\u0027: diff2,\r\n \u0027textContent\u0027: diff3,\r\n \u0027outerHTML\u0027: diff4\r\n });","TestCases":[{"Name":"innerHTML","Code":"const a = document.createElement(\u0027test\u0027);\r\n document.head.appendChild(a); // Append \u0027a\u0027 to the document body\r\n let string = \u0027This element contains \u003Ccode\u003Ecode\u003C/code\u003E\\n\u0027 \u002B \u0027\u003Cp\u003E\u003Cstrong\u003Eand HTML tags\u003C/strong\u003E\u003C/p\u003E\u0060\u0027;\r\n \r\n let start = performance.now();\r\n a.innerHTML = string;\r\n let end = performance.now();\r\n let diff = end - start;\r\n\r\nconsole.log(diff);","IsDeferred":false},{"Name":"innerText","Code":"const a = document.createElement(\u0027test\u0027);\r\n document.head.appendChild(a); // Append \u0027a\u0027 to the document body\r\n let string = \u0027This element contains \u003Ccode\u003Ecode\u003C/code\u003E\\n\u0027 \u002B \u0027\u003Cp\u003E\u003Cstrong\u003Eand HTML tags\u003C/strong\u003E\u003C/p\u003E\u0060\u0027;\r\n\r\nlet start = performance.now();\r\n a.innerText = string;\r\n let end = performance.now();\r\n let diff = end - start;\r\nconsole.log(diff);","IsDeferred":false},{"Name":"textContent","Code":"const a = document.createElement(\u0027test\u0027);\r\n document.head.appendChild(a); // Append \u0027a\u0027 to the document body\r\n let string = \u0027This element contains \u003Ccode\u003Ecode\u003C/code\u003E\\n\u0027 \u002B \u0027\u003Cp\u003E\u003Cstrong\u003Eand HTML tags\u003C/strong\u003E\u003C/p\u003E\u0060\u0027;\r\n\r\nlet start = performance.now();\r\n a.textContent = string;\r\n let end = performance.now();\r\n let diff = end - start;\r\n\r\nconsole.log(diff);","IsDeferred":false},{"Name":"outerHTML","Code":"const a = document.createElement(\u0027test\u0027);\r\n document.head.appendChild(a); // Append \u0027a\u0027 to the document body\r\n let string = \u0027This element contains \u003Ccode\u003Ecode\u003C/code\u003E\\n\u0027 \u002B \u0027\u003Cp\u003E\u003Cstrong\u003Eand HTML tags\u003C/strong\u003E\u003C/p\u003E\u0060\u0027;\r\n\r\nlet start = performance.now();\r\n a.outerHTML = string;\r\n let end = performance.now();\r\n let diff = end - start;\r\n\r\nconsole.log(diff);","IsDeferred":false}]}