Cómo utilizar objetos html dom para gestionar la estructura
La organización de la información que el usuario ve en pantalla en una presentación coherente utilizando javascript es importante. El usuario debe ver la estructura del documento HTML, pero la estructura debe apoyar el contenido - no debe llamar la atención sobre sí mismo. Cuando se trabaja con una página, la estructura incluye todo, desde mesas de controles que se utilizan para interactuar con y gestionar el contenido que el usuario está más interesado en ver. Los siguientes objetos DOM HTML ayudan a realizar esta tarea cuando se trabaja con javascript.
Objeto | Descripción | ||
---|---|---|---|
Documento | Proporciona acceso a todos los elementos de una página entera. Cada página cargada en un navegador se convierte en una Documento objeto que se accede mediante el documento palabra clave. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_document.asp. | ||
Evento | Permite la interacción con los eventos y controladores de eventos asociada con una página. Cada tipo de elemento tiene eventos específicos asociada a ella, como por ejemplo el evento click asociado a la Botón objeto. Se puede ver una completa lista de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_event.asp. | ||
HTMLElement | Proporciona una clase base de la que se derivan todos los elementos HTML. Esta clase base define las propiedades y métodos que todos los HTML elementos proporcionan. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_all.asp. | ||
Ancla | Representa un hipervínculo HTML. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_anchor.asp. | ||
Zona | Define el área dentro de un mapa de imagen HTML que se utiliza para crear regiones con un clic para un elemento gráfico. Se puede ver una completa lista de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_area.asp. | ||
Base | Especifica la dirección por defecto o un destino predeterminado para todos los enlaces en una página. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_base.asp. | ||
Cuerpo | Representa el etiqueta parte de una página, incluyendo todos los elementos contenidos dentro de ese etiqueta. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_body.asp. | ||
Botón | Representa un botón en una página. Este objeto es específicamente asociado con el etiqueta, en lugar de la forma etiqueta de botón. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_pushbutton.asp. | ||
Formar | Representa una forma e incluye todos los elementos dentro de ese formar. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_form.asp. | ||
Marco y Iframe | Representa un marco (la tag) o un marco en línea (la tag) y todos los elementos dentro de esa etiqueta. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_frame.asp. | ||
conjunto de marcos | Proporciona acceso a un conjunto de marcos que contiene dos o más cuadros. Este objeto sólo especifica el número de filas y columnas que se utilizan para mantener las tramas asociadas. Se puede ver una lista completa de las métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_frameset.asp. | ||
Imagen | Representa una imagen incrustada. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_image.asp. | ||
Entrada Botón | Representa una etiqueta de botón que se usa para la construcción de una forma de escribir. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_button.asp. | ||
Entrada Caja | Representa una etiqueta de escriba casilla de verificación utilizada para la construcción de una forma. Se puede ver una completa lista de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_checkbox.asp. | ||
Entrada Archivo | Representa una etiqueta de tipo de subida de archivos utilizado para la construcción de una forma. Cuando el usuario hace clic en el botón, el navegador presenta un cuadro de diálogo de búsqueda se utiliza para localizar el archivo. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_fileupload.asp. | ||
Entrada Oculto | Representa una etiqueta de de tipo oculto. Un elemento oculto se utiliza para enviar los datos al servidor pero es invisible para el usuario final. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_hidden.asp. | ||
Entrada Contraseña | Representa una etiqueta de escribir texto utilizado para la construcción de una forma. Esta forma particular de texto control muestra asteriscos en lugar de los caracteres que el usuario tiene escrito para mantener las contraseñas y otra información secreta oculta. Tú puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_password.asp. | ||
Entrada Radio | Representa una etiqueta de tipo botón de radio utilizado para la construcción de una forma. Se puede ver una completa lista de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_radio.asp. | ||
Entrada Reiniciar | Representa una etiqueta de botón que se usa para la construcción de una forma de escribir. Este tipo botón se utiliza para restablecer el formulario a su estado original. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_reset.asp. | ||
Entrada Enviar | Representa una etiqueta de botón que se usa para la construcción de una forma de escribir. Este tipo botón se utiliza para enviar los datos al servidor. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_submit.asp. | ||
Entrada Texto | Representa una etiqueta de escribir texto utilizado para la construcción de una forma. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_text.asp. | ||
Enlazar | Crea un enlace HTML en la página. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_link.asp. | ||
Meta | Define los metadatos utilizados para describir el contenido de la página, de forma automática actualizar el contenido, o realizar otras tareas. Se puede ver una completa lista de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_meta.asp. | ||
Objeto | Crear un objeto genérico que se utiliza para almacenar los datos no son de texto, tales como imágenes, controles y de audio. Se puede ver una lista completa de las métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_object.asp. | ||
Opción | Representa una lista desplegable donde el usuario puede elegir un solo entrada. Se puede ver una lista completa de los métodos y propiedades asociado a este objeto en w3schools.com/jsref/dom_obj_option.asp. | ||
Seleccionar | Representa una lista desplegable donde el usuario puede elegir una o más entradas. Se puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_select.asp. | ||
Estilo | Especifica la aparición de otros elementos de la página. Usted puede ver una lista completa de los métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_style.asp. | ||
Mesa | Crea una tabla en la página y contiene tanto fila y celular elementos usados para sostener contenido. Se puede ver una lista completa de las métodos y propiedades asociadas con este objeto en w3schools.com/jsref/dom_obj_table.asp. | ||
td y º | Representa una celda de datos dentro de una tabla. los | etiqueta se utiliza para elementos de datos generales, y el | etiqueta define partidas. |
tr | Representa una fila de celdas de datos dentro de una tabla. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_tablerow.asp. | ||
Área de texto | Representa un elemento de texto de varias filas en la página. Se puede ver una lista completa de los métodos y propiedades asociados con este objeto en w3schools.com/jsref/dom_obj_textarea.asp. |