Run results for: Move Multiple Elements to another - Winners

Run details:

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

Browser: Chrome 75

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
appendChild	11380.5 Ops/sec
insertAdjacentElement	10825.8 Ops/sec

HTML Preparation code:

<table class="old">
	<tbody>
		<tr>
			<td class="old-td">old-td 1</td><td class="old-td">old-td 2</td><td class="old-td">old-td 3</td><td class="old-td">old-td 4</td><td class="old-td">old-td 5</td><td class="old-td">old-td 6</td><td class="old-td">old-td 7</td><td class="old-td">old-td 8</td><td class="old-td">old-td 9</td><td class="old-td">old-td 10</td>
			<td class="old-td">old-td 11</td><td class="old-td">old-td 12</td><td class="old-td">old-td 13</td><td class="old-td">old-td 14</td><td class="old-td">old-td 15</td><td class="old-td">old-td 16</td><td class="old-td">old-td 17</td><td class="old-td">old-td 18</td><td class="old-td">old-td 19</td><td class="old-td">old-td 20</td>
			<td class="old-td">old-td 21</td><td class="old-td">old-td 22</td><td class="old-td">old-td 23</td><td class="old-td">old-td 24</td><td class="old-td">old-td 25</td><td class="old-td">old-td 26</td><td class="old-td">old-td 27</td><td class="old-td">old-td 28</td><td class="old-td">old-td 29</td><td class="old-td">old-td 30</td>
			<td class="old-td">old-td 31</td><td class="old-td">old-td 32</td><td class="old-td">old-td 33</td><td class="old-td">old-td 34</td><td class="old-td">old-td 35</td><td class="old-td">old-td 36</td><td class="old-td">old-td 37</td><td class="old-td">old-td 38</td><td class="old-td">old-td 39</td><td class="old-td">old-td 40</td>
			<td class="old-td">old-td 41</td>
			<td class="old-td">old-td 42</td>
			<td class="old-td">old-td 43</td>
			<td class="old-td">old-td 44</td>
			<td class="old-td">old-td 45</td>
			<td class="old-td">old-td 46</td>
			<td class="old-td">old-td 47</td>
			<td class="old-td">old-td 48</td>
			<td class="old-td">old-td 49</td>
			<td class="old-td">old-td 50</td>
		</tr>
	</tbody>
</table>

<table class="new">
	<tbody>
		<tr class="new-tr">
		</tr>
	</tbody>
</table>

Script Preparation code:

var table_td_arr = document.getElementsByClassName('old-td'),
    table_new_tr = document.getElementsByClassName('new-tr')[0];

Tests:

appendChild
for (var td_i = 0; td_i < table_td_arr.length; td_i++) { var table_td = table_td_arr[0]; table_new_tr.appendChild(table_td); }
insertAdjacentElement
for (var td_i = 0; td_i < table_td_arr.length; td_i++) { var table_td = table_td_arr[0]; table_new_tr.insertAdjacentElement('beforeend', table_td); }

Run results for: Move Multiple Elements to another - Winners

appendChild

insertAdjacentElement