Benchmark: Replace text content on DOM element 2

HTML Preparation code:

<div id='target'></div>

Script Preparation code:

let el = document.getElementById("target");
for(i=0; i<10; i++) {
	el.innerHTML += "<span>Text</span>"
}

Tests:

innerHTML
let el = document.getElementById("target"); el.innerHTML = "Some ordinary text"
textContent
let el = document.getElementById("target"); el.textContent = "Some ordinary text"
replaceChildren
let el = document.getElementById("target"); let txt = document.createTextNode("Some ordinary text") el.replaceChildren(txt);
remove & append
let el = document.getElementById("target"); while (el.firstChild) { el.removeChild(el.firstChild); } let txt = document.createTextNode("Some ordinary text") el.appendChild(txt);

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

Browser/OS: Chrome 110 on Windows

Replace text content on DOM element 2 (version: 1)