Html ile ilgili minik bir sorum var.

Merhaba biliyorsunuz javascript ile .innerHTML fonksiyonu kullanılarak html kodlarına ekleme yapılabiliyor aşşağıda örnek verdiğim kodun bir farklı tarzını istiyorum ama halledemedim

normalde html kodu:
<div id="version>
</div>

işlem yaparak normali değiştirecek kod:
const div = document.getElementById("version").innerHTML = "<a>test mesajı</a>"

değişimden sonraki html kodu:
<div id="version>
<a>test mesajı</a>
</div>


ben değişimden sonra belirttiğim id deki tagı tamamen ortadan kaldırım onun yerine direkt <a>test mesajı</a> gelsin istiyorum bu konuda .innerHTML yerine ne kullana biliriz yada bunun yolu nedir acaba?

div tagını kaldırmak isityorsan önce remove ile kaldırıp sonra ister InnerHtml yapmayı bir denermisin

içine ekleyip kaldırırsan eklemiş olduğun da gider sonrasına ya da öncesine eklersen içeriğini yok etmeden elementi kaldırabilirsin.

refElem  = document.getElementById("refElem");
const myElem = document.createElement("a");
myElem.setAttribute("href", "https://link.com");
myElem.textContent = "test mesajı";

// refElem.insertAdjacentElement('beforebegin', myElem);
<p id="refElem">  
     // refElem.insertAdjacentElement('afterbegin', myElem);    
     ... content ...    
     // refElem.insertAdjacentElement('beforeend', myElem);
</p>
// refElem.insertAdjacentElement('afterend', myElem);

remove:

refElem.remove();