Problema con método javascript: paso valor variable javascript a html

[Noelito3]

Hola.

Tengo un archivo JSP en el que utilizo el siguiente método javascript para asignar valores a elementos text (elemento de entrada de texto) de un formulario:

Código:

  function mostrarOcultarDatos(idTipo, idDat1, idDat2, 
            idDat3, idDat4, idDat5, idDat6, idDat7)
  {

      document.getElementById('DOC').value= idDat1;
      document.getElementById('TIP').value= idDat2;
      document.getElementById('USU').value= idDat3;
    ...
   }

Y el html es de éste estilo:

Código HTML:

 <table border="1" width="80%">
            <tr>
              <td class="textoCuerpo" bgcolor="#E1F7FF" align="right">Nº Documento: &nbsp;</td>
              <td align="left">
                &nbsp;
                <input type="text" id="DOC" name="<%=pDoc%>" maxlength="18" size="12" class="texto" tabindex="6" onchange="document.gestionar.CAMBIOS.value='S'"></input>
              </td>
            </tr>
...

Lo que quiero es que en vez de mostrarme los valores dentro de cajas de texto, me lo muestre como texto plano. Es decir, que me muestre el valor sin que aparezca el rectángulo del cuadro de texto.

Lo he intentado poniendo ésto en el HTML:

Código:

 

<script type="text/javascript">document.write ( document.getElementById('APE1').value );</script>

pero no funciona, a menos que recargues la página, y eso no me interesa.

¿Alguien puede ayudarme?

Muchas gracias.