Tengo un div que se procesa automáticamente mediante un complemento, quiero que después de que se haya cargado la página, puedo cortarlo de un lugar y colocarlo dentro del div que contiene mi imagen:
para ejemplificar hice este codepen, quiero cambiar el div 'cambiar-lugar' en el div 'contener-imagen'
en resumen quiero hacer un javascript que saque el div azul del rojo y lo ponga dentro del verde
$(document).ready(function() { $('.contain-image').append($('.change-place')); });Tu código funciona... tienes que agregar:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>Si quieres usar código Vanilla JS subo este ejemplo.
window.addEventListener("load", myFunc); function myFunc() { let el = document.querySelector('.change-place'); document.querySelector('.contain-image').appendChild(el); }; .contain-image { width: 500px; height: 300px; background: #00ff00; display: inline-flex; } .minha-imagem { width: 200px; height: 200px; } .dolado { width: 500px; height: 300px; background: #ff0000; display: inline-flex; } .change-place { width: 100px; height: 100px; background: #0000ff; display: inline-flex; color: #fff; } <div class='contain-image'> <div> <h1>contem titulo</h1> </div> <div><img class="minha-imagem" alt="" src="" /></div> <div><button>botão</button></div> </div> <div class="dolado"> <div class='change-place'>teste</div> </div>