Run results for: textcontent vs nodevalue vs content:after

Run details:

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

Browser: Chrome 121

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

textcontent

4.5M/s

nodevalue

4.5M/s

setAttribute

1.6M/s

View exact numbers

Test name	Executions per second
✓ textcontent	4,498,398 Ops/sec
nodevalue	4,482,726 Ops/sec
setAttribute	1,610,168 Ops/sec

Script Preparation code:

var newBody = document.createElement("div");


for (let i; i < 1000; i++) {
	var foo = document.createElement("div");
  	foo.innerText="abc";
	newBody.appendChild(foo);
}

Tests:

textcontent
var case1 = document.getElementsByTagName("div"); for (var i = 0; i < case1.length; i++) { case1[i].textcontent="ABC"; }
nodevalue
var case2 = document.getElementsByTagName("div"); for (var i = 0; i < case2.length; i++) { case2[i].nodevalue="ABC"; }
setAttribute
var case3 = document.getElementsByTagName("div"); for (var i = 0; i < case3.length; i++) { case3[i].setAttribute('data','ABC'); }