Muchas veces es necesario actualizar un div para poder cambiar su contenido sin la necesidad de recargar la página, para recargar solo un div con otro contenido se utiliza el objeto InnerHTML de javascript, para dar un ejemplo y que puedan ver su uso voy a crear dos botones los cuales actualizarán el div al clickearse, uno se actualizará con el contenido de “boton 1” y el otro con “boton 2”:

<div id=”midiv”>

&nbsp;

</div>

<input type=”button” onclick=”document.getElementById(‘midiv’).innerHTML=’boton 1’;” name=”boton 1” value=”Boton 1”>

<input type=”button” onclick=”document.getElementById(‘midiv’).innerHTML=’boton 2’;” name=”boton 2” value=”Boton 2”>

Con la function onclick detectamos si se clickeó el boton y en caso de que se haya clickeado, seleccionamos “midiv” por medio del id(para eso usamos el getElementById) y con innerHTML le asignamos el nuevo contenido del div, en estos casos los textos “boton 1” y “boton 2”