Копирование содержимого из html-тега в файле в тег в другом html-файле

все в мире? В Django мне нужно, чтобы содержимое HTML-тега отображалось в другом шаблоне. Используя код JS:

<script>
  var source = document.getElementById("teste").innerHTML;
  document.getElementById("texto").innerHTML = source;
</script>

<div id="teste">context</div>
<div id="texto"></div>

Это работает даже в том же шаблоне, но если целевой тег находится в другом шаблоне, то он не работает.

Есть идеи?

Это не сработает, потому что JavaScript не может перенести данные в другой файл.

Когда пользователь заходит на сайт, /home ваш HTML и JS отправляется на клиент только для этого маршрута, поэтому маршрут /about не может видеть, какой контент находится на маршруте /home. Вы не сказали, извлекаются ли эти данные с сервера, поэтому я предположу, что нет, и давайте рассмотрим простой способ хранения данных и доступа к ним через маршруты, используя локальное хранилище (Если пользователь зайдет на ваш сайт с другой машины, у него не будет доступа к данным. Также лучше не хранить конфиденциальную информацию и чтобы ее размер не превышал 5 МБ).

/home route

<h1>Home</h1>
<script>
  localStorage.setItem("name", "Jhon")
</script>

/about route

<h1>About</h1>
<p id="name"></p>
<script>
  const nameElement = document.getElementById("name");

  nameElement.textContent = localStorage.getItem("name")
</script>
<
Вернуться на верх