Tutorial DOM html javascript

¿Qué es DOM?

Si estas interesado en hacer páginas con ajax, generar elementos dinamicamente entonces requieres usar DOM (Document Object Model), lo que podemos traducir como «Modelo en Objetos para la representación de Documentos» si lo se hasta ahi no suena a nada. Traduciendolo nuestras páginas HTML tienen un conjunto de elementos, graficos, texto, formularios, etiquetas, DOM lo que busca es que estos elementos tengan una estructura estandard que permita manipularlos usando javascript (ajax).
Por ejemplo si tengo un formulario usando dom podria validarlo, o podrias hacer que al elegir una opcion de un combo aparezcan nuevos campos, etc, etc.

Ejemplo uso de DOM

Voy a hacer un pequeño script que automaticamente busque el primer campo del formulario y lo seleccione automaticamente al cargar la pagina:
[cc lang=»html»]




[/cc]
Y ahora el script debemos llamarlo al cargar, la pagina, ojo este script funciona con cualquier formulario, basta enviarle a la funcion el nombre de formulario correcto
[cc lang=»html»]

[/cc]
Nuestra funcion para detectar el primer campo sería
[cc lang=»javascript»]
function enfoca_primero($cual) {
var frm=document.getElementById($cual);
var arr_input=frm.getElementsByTagName(«input»);
arr_input[0].focus();
}
[/cc]