JSFiddle - React, Tailwind, and code Playground
HTML
<input id="foo" value="0">
<div id="bar">0</div>
<div id="baz">0</div>
<div id="buz">0</div>
JavaScript
console.log('=================');
for(w=0;w<5;w++){
console.log('--------'+w+'---------');
console.time('input');
for(i=0;i<100000;i++){
foo.value = i;
}
console.timeEnd('input');
console.time('textContent');
for(i=0;i<100000;i++){
bar.textContent = i;
}
console.timeEnd('textContent')
console.time('innerText');
for(i=0;i<100000;i++){
baz.innerText = i;
}
console.timeEnd('innerText');
console.time('innerhtml');
for(i=0;i<100000;i++){
buz.innerHTML = i;
}
console.timeEnd('innerhtml');
}