Que significa DOM?
Como realizar cambios dinámicos basados en form events?
Explicación
Objeto modelo dinámico (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 brinda 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 disparadas 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.
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 cada tipo de formularios y metodos DOM que pueden ser usados con elementos de formulario.
“Javascript (JS) es uno de los lenguajes más utilizados en todo el mundo. Algunas veces se lo denomina también Java Script. Espero que Usted disfrute este tutorial. Envíeme sus sugestiones o consultas sobre este tutorial de javascript o java script. El contenido de este tutorial posee derechos registrados.”
Introducción
