Run results for: Remove all child nodes from parent node

Run details:

User agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36 OPR/83.0.4254.27

Browser: Opera 83

Operating system: Windows 7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Element.innerHTML	2153328.0 Ops/sec
Element.textContent	1845354.0 Ops/sec
while firstChild - lastChild	6707088.0 Ops/sec
while lastChild - firstChild	8337972.0 Ops/sec
while firstChild - firstChild	8573885.0 Ops/sec
while lastChild - lastChild	8641656.0 Ops/sec
Element.innerText	3222414.0 Ops/sec

HTML Preparation code:

<div id="test">
  <span></span>
  <p></p>
  <div></div>
  <span></span>
  <p></p>
  <div></div>
  <span></span>
  <p></p>
  <div></div>
  <span></span>
</div>

Script Preparation code:

var node = document.getElementById('test')

Tests:

Element.innerHTML
node.innerHTML = ''
Element.textContent
node.textContent = ''
while firstChild - lastChild
while(node.firstChild)node.removeChild(node.lastChild)
while lastChild - firstChild
while(node.lastChild)node.removeChild(node.firstChild)
while firstChild - firstChild
while(node.firstChild)node.removeChild(node.firstChild)
while lastChild - lastChild
while(node.lastChild)node.removeChild(node.lastChild)
Element.innerText
node.innerText = ''

Run results for: Remove all child nodes from parent node

Element.innerHTML

Element.textContent

while firstChild - lastChild

while lastChild - firstChild

while firstChild - firstChild

while lastChild - lastChild

Element.innerText