Javascript Modelo de Objeto Dinamico y Eventos

Que significa DOM?
Como realizar cambios dinámicos basados en form events?

Explicación

Modelo de Objeto Dinamico (DOM):


Antes de continuar para aprender acerca de objeto de formularios y como captar eventos, debemos conocer donde pertenecen ellos. Cualquier acción o evento que causa un cambio dinámico en una página web usando javascript debe ser agrupado bajo DOM (Modelo Objeto dinamico). Cualquier elemento HTML, pude ser accedido o cambiado dinámicamente usando javascript DOM.
El W3C Documento de Objeto Modelo (DOM) es una plataforma e interface de lenguaje neutral que brinresp_code a los programas y scripts acceso dinámico y actualizaciones de contenido, estructura y estilo de un documento. El Documento Object Modelo (DOM) es una aplicación de programa de interface (API) para HTML válido.
Todos los elementos HTML y sus atributos pueden ser accedidos mediante el árbol DOM. Sus contenidos pueden ser modificados o eliminados, nuevos elementos pueden ser creados usando DOM.
Por ejemplo, el form nombrado "ssss" en un documento HTML puede ser accedido como document.ssss;

Captar eventos:


Eventos son acciones que suceden en una página web y son mayormente dispararesp_codes por el usuario. Existen programas incorporados para captar estos eventos. Por ejemplo: podemos considerer un botón o un hipervínculo. Digamos que un usuario mueve el mouse sobre él, entonces el evento será disparado Nosotros podemos capturar los eventos e invocar una funcion de javascript para realizar una acción.
El capturador de evento es generalmente agregado como un atributo a una etiqueta html . Un evento sobre el mouse es capturado usando onMouseOver. En el siguiente ejemplo vamos a realizar un alerta cuando el mouse is movido sobre el botón. Código Ejemplo:
<script language="javascript">
function testdom()
{
alert("on Mouse Over"); }
</script>
<input name=xx type=button value=click onMouseOver="testdom()"></input>

Resulta:

Step 1: Creamos un botón
Step 2: Invocamos mouse over handler usando el atributo onMouseOver y pasamos la función testdom como su valor. Entonces testdom() method sera llamado cuando ocurre un mouse over evento.
Step 3: Hemos escrito una función javascript testdom() and y llamado a un alerta dentro de esta función.
aprenderemos sobre los capturadotes de eventos asociados con caresp_code tipo de formularios y metodos DOM que pueden ser usados con elementos de formulario.