Run results for: appendChild vs append 2

Run details:

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

Browser: Chrome 123

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

append 2

218K/s

appendChild 2

192K/s

appendChild 1

169K/s

append 1

157K/s

View exact numbers

HTML Preparation code:

<div id="A"></div>
<p id="B">1234</p>

Tests:

appendChild 1
A.appendChild(B);
append 1
A.append(B);
appendChild 2
const C = document.querySelector("#A"); const D = document.querySelector("#B"); C.appendChild(D);
append 2
const C = document.querySelector("#A"); const D = document.querySelector("#B"); C.append(D);