Scribd
Cargar
40 vistas1 página

Fundamentos WEB HTML Dinamico 1

Este documento describe el HTML dinámico (DHTML), que permite manipular el contenido de una página web en tiempo de ejecución a través de JavaScript. Explica que los elementos deben tener un atributo ID y cómo capturarlos usando getElementById. Luego muestra un ejemplo de código que cambia el valor de un input y un ejercicio para crear un formulario que puebla un texto al hacer clic en un botón.

Cargado por

anyi rosana
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
40 vistas1 página

Fundamentos WEB HTML Dinamico 1

Este documento describe el HTML dinámico (DHTML), que permite manipular el contenido de una página web en tiempo de ejecución a través de JavaScript. Explica que los elementos deben tener un atributo ID y cómo capturarlos usando getElementById. Luego muestra un ejemplo de código que cambia el valor de un input y un ejercicio para crear un formulario que puebla un texto al hacer clic en un botón.

Cargado por

anyi rosana
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 1

HTML Dinámico (DHTML) (1)

=========================

CONTENIDO
=========
1.Definición.
2.Manipulación de HTML a través de JavaScript.
3.Ejercicio.

1.DEFINICIÓN
============
1.1.El HTML Dinámico permite manipular el contenido de una página Web en tiempo de
ejecución.
1.2.Requisito: Los elementos de la página Web, deben tener el atributo "id", por
ejemplo:
<input type="text" name="n" size="50" id="nn">
1.3.Para capturar el elemento se utiliza la siguiente función en lenguaje
JavaScript:

document.getElementById('aqui_viene_el_id_del_elemento_que_se_quiere_capturar');

2.MANIPULACIÓN DE HTML A TRAVÉS DE JAVASCRIPT


=============================================
2.1.A continuación, un script de ejemplo:
<script type="text/javascript">
// Se declara una variable
var nombre;

// Se captura el elemento tipo "Caja de Texto", que ya está dentro de la página


Web
nombre = document.getElementById('nn');

// Se le cambia el valor a la caja de texto


// Note que aquí la variable "nombre", ya tomó la personalidad de la Caja de
Texto
nombre.value = 'Texto de prueba, ingresado por DHTML';
</script>

3.EJERCICIO
===========
3.1.Cree una página Web que contenga un formulario.
3.2.Dentro del formulario incluya el elemento de tipo "input", del ejemplo que está
arriba en esta guia, el
que tiene el "id" en "nn".
3.3.Antes de finalizar la etiqueta "<head>", agregue un JavaScript que contenga una
función con el nombre
de "pobla_texto", y péguele el código de ejemplo que está arriba en esta guia.
3.4.Dentro del formulario agregue un botón utilizando la etiqueta "<button>", el
cual debe tener como label
el texto "Poblar", y programe el evento "onclick" de dicho botón, para que
cuando sea presionado, entonces
invoque la función "pobla_texto" y después escriba la instrucción return false;

También podría gustarte