Necesito obtener mi div entre 2 divs dentro de mi plantilla. Solo puedo editarlo con HTML externo, JS. La plantilla se ve así:
<main id="content-in"> <div id="homepage-banner"> XXX </div> <div id="carousel-banner"> XXX </div> Y necesito obtener mi img y un href <div id="moveOut"> XXX </div> entre estos 2.
Lo tengo así ahora que funciona bien:
<script> function addCode() { var d1 = document.getElementById('content-in'); d1.insertAdjacentHTML('afterbegin', '<div id="moveOut"><a href="https://example.com/"><img src="https://example.png" alt=""></a></div>'); } </script>pero necesito moverlo. Gracias por tu ayuda.
Debe insertar después del DIV homepage-banner .
var d1 = document.getElementById("homepage-banner"); d1.insertAdjacentHTML('afterend', '<div id="moveOut"><a href="https://example.com/"><img src="https://example.png" alt=""></a></div>');