Hola:
Sobre el uso de formularios es más básico y fácil:
Simplemente creas un formulario que puedas referenciar con javascript con un campo de texto que puedas referenciar con javascript y simplemente modificas el atributo value del mismo...
<form name="ejemplo">
<input type="text" name="texto" />
</form>
Y con la línea siguiente le puedes dar nuevos valores:
document.forms.ejemplo.texto.value = "¡Hola Mundo!";
Con el DOM es algo más complejo, pero relativamente fácil...
Necesitas cualquier etiqueta con un id para referenciarla y puedes modificar su contenido con innerHTML:
<span id="contenido"></span>
...
document.getElementById("contenido").innerHTML = "¡Hola Mundo!";
innerHTML no es estándar pero funciona en todos los navegadores...
La forma estándar sería:
document.getElementById("contenido").appendChild(d ocument.createTextNode("¡Hola Mundo!"));
En las FAQs puse ejemplos para insertar/eliminar elementos con el DOM, y puedes ver también cosas interesantes en mi página (caricatos.net) o en la de
JavierB
Yo aprendí bastante con un tutor que ua no existe, pero en la red hay bastante información.
Saludos