Al pasar HTML mediante .innerHTML no se queda el texto

[caarool21]

El codigo Javascript es este:

function mostrarVacios()
{
var DNI='';
var NOMBRE='';
var APELLIDOS='';

if (document.getElementById("dni").value == '')
{
DNI = ("El campo DNI no puede ser vacio");
}
if (document.getElementById("nombre").value == '')
{
NOMBRE = ("El campo nombre no puede ser vacio");
}
if (document.getElementById("apellidos").value == '')
{
APELLIDOS = ("El campo apellidos no puede ser vacio");
}

alert(DNI+'\n'+APELLIDOS+'\n'+NOMBRE);

var capa = document.getElementById('div_capa');
capa.innerHTML = DNI+ '<br>' +APELLIDOS+ '<br>'+NOMBRE;
capa.style.border = '1px solid red';
}

Se trata de una función que comprueba de un formulario si los campos dni, nombre y apellidos están vacíos. De serlo así, al darle al botón ENVIAR debe mostrar un mensaje de alerta mostrando los errores y al aceptar el mensaje, deben aparecer en un div arriba del todo los mismo mensajes que aparecieron en el alert.