Run results for: createElement + append vs html code

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:71.0) Gecko/20100101 Firefox/71.0

Browser: Firefox 71

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
html code	2987.2 Ops/sec
createElement	6583.5 Ops/sec

HTML Preparation code:

<div id="fakeInput" contenteditable> </div>

Tests:

html code
//document.getElementById('fakeInput').innerHTML = '<img class="emoji" src="/sy2/images/message/emoji/22.svg">'; document.getElementById('fakeInput').innerHTML = '123456';
createElement
//var child = document.createElement('img'); //child.setAttribute('class', 'emoji'); //child.setAttribute('src', '/sy2/images/message/emoji/20.svg'); //document.getElementById('fakeInput').appendChild(child); var child = document.createTextNode('123456'); document.getElementById('fakeInput').appendChild(child);