Estoy buscando una manera de mostrar un H1 en otro lugar de la página nuevamente con solo HTML o JavaScript.
Lo que quiero decir: tengo un título H1 que se escribe manualmente. Y quiero que se muestre automáticamente en la parte inferior de la página nuevamente, sin tener que escribirlo manualmente nuevamente. (Lo de la parte inferior de la página es solo un ejemplo, mi proyecto es un poco más complejo).
Estoy buscando una especie de variable, creo.
Gracias de antemano por tu ayuda.
x = document.getElementById("title").innerHTML ; document.getElementById("reap").innerHTML = x; <h1 id="title">Your manually written title</h1> <h1 id="reap">Where You want to show it again</h1>puede hacer esto con la ayuda del backend o simplemente crear una identificación para H1, por ejemplo...
<h1 id="title">Your manually written title</h1> <h1 id="reap">Where You want to show it again</h1>simplemente seleccione con
x = document.getElementById("title").innerHTML ; document.getElementById("reap").innerHTML = x;Simplemente cree una variable con el selector de consulta
Considere que tiene un elemento de encabezado. Primero debe seleccionar el encabezado y luego crear su clon usando la función cloneNode() , acepta un parámetro deep que básicamente significa que el nodo y todo su subárbol, incluido el texto que puede estar en los nodos de texto secundarios, también se copian. Después de eso, básicamente agregamos el elemento clonado al cuerpo del documento.
// select the heading let el = document.querySelector('.heading'); // clone the element let clone_el = el.cloneNode( true ); // append it to the body document.body.append(clone_el); <h1 class="heading">This is a heading</h1>