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.

etiqueta define partidas.
Se puede ver una lista completa de los métodos y propiedades
asociado a este objeto en w3schools.com/jsref/dom_obj_tabledata.asp.
ObjetoDescripción
DocumentoProporciona 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.
EventoPermite 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.
HTMLElementProporciona 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.
AnclaRepresenta 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.
ZonaDefine 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.
BaseEspecifica 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.
CuerpoRepresenta 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ónRepresenta 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.
FormarRepresenta 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 IframeRepresenta 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 marcosProporciona 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.
ImagenRepresenta 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ónRepresenta 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 CajaRepresenta 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 ArchivoRepresenta 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 OcultoRepresenta 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ñaRepresenta 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 RadioRepresenta 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 ReiniciarRepresenta 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 EnviarRepresenta 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 TextoRepresenta 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.
EnlazarCrea 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.
MetaDefine 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.
ObjetoCrear 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ónRepresenta 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.
SeleccionarRepresenta 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.
EstiloEspecifica 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.
MesaCrea 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
trRepresenta 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 textoRepresenta 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.
Artículos Relacionados