Definir un div con tres párrafos. Luego al presionar un botón mover el div a otro div ubicado debajo del botón.
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<div id="region1">
<p>Este es el primer párrafo</p>
<p>Este es el segundo párrafo</p>
<p>Este es el tercer párrafo</p>
</div>
<input type="button" value="Mover el primer párrafo"
onClick="moverParrafo()">
<div id="region2">
</div>
</body>
</html>
function moverParrafo()
{
var puntero1=document.getElementById('region1');
var puntero2=document.getElementById('region2');
puntero2.appendChild(puntero1);
}
Ver solución