Как заменить элемент на html на чистом js?

Question

[k-2]

Надо вместо div вставить ответ ajax.

<script>


document.addEventListener("DOMContentLoaded", function(){

	var xhr = new XMLHttpRequest();
	// 2. Конфигурируем его: GET-запрос на URL 'phones.json'
	xhr.open('GET', 'file.html', false);
	// 3. Отсылаем запрос
	xhr.send();
	// 4. Если код ответа сервера не 200, то это ошибка
	if (xhr.status == 200) {
	  alert( xhr.responseText ); // responseText -- текст ответа.

             // тут надо заменить полностью div на ответ (div надо удалить)
	} 
});

</script>
	
<div id="mydiv">Этот див надо удалить</div>

Answer 1

[Negwereth]

createDocumentFragment
insertBefore
removeChild

Answer 2

[Stimulate]

var new = document.createElement('div');
new.innerHTML = xhr.responseText;
var old = document.getElementById('mydiv');
var parent = old.parentNode;
parent.insertBefore(old, new);
old.remove();