{"ScriptPreparationCode":"\r\n const a = document.createElement(\u0027test\u0027);\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\u0027\r\n\r\n let start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.innerHTML = string;\r\n }\r\n let end = performance.now();\r\n let diff = (end - start) / 10_000;\r\n\r\n\r\n start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.innerText = string;\r\n }\r\n end = performance.now();\r\n let diff2 = (end - start) / 10_000;\r\n\r\n\r\n start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.textContent = string;\r\n }\r\n end = performance.now();\r\n let diff3 = (end - start) / 10_000;\r\n\r\n\r\n start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.outerHTML = string;\r\n }\r\n end = performance.now();\r\n let diff4 = (end - start) / 10_000;\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 });\r\n\r\n ","TestCases":[{"Name":"innerHTML","Code":"const a = document.createElement(\u0027test\u0027);\r\nlet 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\u0027\r\n\r\n let start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.innerHTML = string;\r\n }\r\n let end = performance.now();\r\n let diff = (end - start) / 10_000;","IsDeferred":false},{"Name":"innerText","Code":"const a = document.createElement(\u0027test\u0027);\r\nlet 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\u0027\r\n\r\n\t\tlet start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.innerText = string;\r\n }\r\n let end = performance.now();\r\n let diff2 = (end - start) / 10_000;","IsDeferred":false},{"Name":"textContent","Code":"const a = document.createElement(\u0027test\u0027);\r\nlet 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\u0027\r\n\r\n\t\tlet start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.textContent = string;\r\n }\r\n let end = performance.now();\r\n let diff3 = (end - start) / 10_000;","IsDeferred":false},{"Name":"outerHTML","Code":"const a = document.createElement(\u0027test\u0027);\r\nlet 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\u0027\r\n\r\n\t\tlet start = performance.now();\r\n for (let i = 0; i \u003C 10_000; i\u002B\u002B) {\r\n document.head.appendChild(a);\r\n a.outerHTML = string;\r\n }\r\n let end = performance.now();\r\n let diff4 = (end - start) / 10_000;","IsDeferred":false}]}