Могу ли я изменить элемент body на другой элемент body

Question

Очень сложно сформулировать это в заголовке. Могу ли я изменить весь элемент тела страницы на другой элемент тела? Я хочу переместить пользователя на другую страницу, но затем его socket.id изменится, поэтому я решил, что могу просто изменить все элементы на элементы следующей страницы.

Создание всех элементов с нуля и их размещение занимает много времени. Есть ли способ сохранить все тело в переменную, а затем изменить текущий элемент тела для этого? Может быть, я сначала каким-то образом сохраню его в базе данных и после нажатия кнопки загружу на фактическую страницу?

Answer 1

Я не знаю, почему я даже задаю вопросы здесь, потому что никто не помог мне, как когда-либо, лол. Но я нашел удивительное решение, и оно так просто!

Я использовал outerHTML! Вы можете вставить целую HTML разметку внутри просто так!

const gameelem = document.getElementById('game');
gameelem.outerHTML = `        <div class="title">
<h1>LOREM</h1>
</div>
<h2>
Lorem ipsum... <br>
Lorem ipsum...
</h2>
<h3>
Lorem ipsum... <br>
Lorem ipsum...
</h3>
<input type="text" name="" id="inputPrompts"><input type="button" value="OK" onclick="sendPrompt()">`;