Benchmark: Setting text content

HTML Preparation code:

<div id='test'></div>

Script Preparation code:

function setText1(element, text) {
    element.textContent = text;
}

function setText2(element, text) {
    element.innerText = text;
}

function setText3(element, text) {
    element.replaceChildren();
    element.appendChild(element.ownerDocument.createTextNode(text));
}

Tests:

textContent
setText1(test, ""); setText1(test, "Hello");
innerText
setText2(test, ""); setText2(test, "Hello");
replaceChildren, createTextNode and appendChild
setText3(test, ""); setText3(test, "Hello");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
textContent
innerText
replaceChildren, createTextNode and appendChild

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Setting text content (version: 0)

Comparing performance of: textContent vs innerText vs replaceChildren, createTextNode and appendChild

Created: one year ago by: Guest

Jump to the latest result

textContent

innerText

replaceChildren, createTextNode and appendChild

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results