[JS] Kater način kreiranja in dodajanja elementov?

Dobro jutro fantje in dekline.

Evo, danes pa me zanima, kakšna (če) je razlika v dveh načinih, kjer JavaScript koda v DVI element doda SPAN element(e).

Primera:

<div id="test2"></div>
<div id="test3"></div>

var test2 = document.getElementById("test2");;
test2.innerHTML = "<span>abc</span>";
				
var span1 = document.createElement("span");
span1.innerText = "<span>def</span>";
test3.appendChild(span1);

To JS kodo bom uporabil, da ko autocomplete call vrne JSON, da na client strani prikažem dropdown.

Skoraj 107% sem ziher, da bom uporabil prvi primer. Vseeno me pa zanima, če so kakšne cake s takim načinom.

jquery:

$("#test2").html('abc');