Cómo utilizar objetos DOM de HTML para gestionar la estructura

categoría Computadoras y software / Programación / Html

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 las tablas a los controles que se utilizan para interactuar 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 headings.You puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_tabledata.asp.

Objeto	Descripción
Documento	Proporciona acceso a todos los elementos de una página entera. Everypage cargado en un navegador se convierte en un objeto de documento que se accede mediante la palabra clave del documento. Usted puede ver una listof completa los métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_document.asp.
Evento	Permite la interacción con los acontecimientos y eventos handlersassociated con una página. Cada tipo de elemento ha eventsassociated específica con ella, tales como el evento click asociado con elBotón objeto. Usted puede ver una completelist de los métodos y propiedades asociados a este objeto atw3schools.com/jsref/dom_obj_event.asp.
HTMLElement	Proporciona una clase base de la que todos los elementos HTML son derived.This clase base define las propiedades y métodos que todos HTMLelements proporcionan. Usted puede ver una lista completa de los andproperties métodos asociados con este objeto en w3schools.com/jsref/dom_obj_all.asp.
Ancla	Representa un hipervínculo HTML. Usted puede ver una lista completa Ofthe métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_anchor.asp.
Area	Define el área dentro de un mapa de imagen en HTML que se utiliza para createclickable regiones de un elemento gráfico. Usted puede ver una completelist de los métodos y propiedades asociados a este objeto atw3schools.com/jsref/dom_obj_area.asp.
Básico	Especifica la dirección por defecto o un objetivo predeterminado para todos linkson una página. Usted puede ver una lista completa de los andproperties métodos asociados con este objeto en w3schools.com/jsref/dom_obj_base.asp.
Cuerpo	Representa el tagportion de una página, incluyendo todos los elementos contenidos en thattag. Usted puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_body.asp.
Botón	Representa un botón en una página. Este objeto se specificallyassociated con el tag, en lugar de la forma etiqueta ofbutton. Usted puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_pushbutton.asp.
Formulario	Representa una forma e incluye todos los elementos dentro de thatform. Usted puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_form.asp.
Frame y IFrame	Representa un marco (la etiqueta) o un marco en línea (la etiqueta) y todos los elementos withinthat etiqueta. Usted puede ver una lista completa de los métodos y propertiesassociated con 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 frames.This objeto especifica sólo el número de filas y columnas utilizadas tohold los marcos asociados. Usted puede ver una lista completa de themethods y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_frameset.asp.
Imagen	Representa una imagen incrustada. Usted puede ver una lista completa Ofthe métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_image.asp.
Entrada Botón	Representa una botón de la etiqueta OfType utilizado para la construcción de un formulario. Usted puede ver una listof completa los métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_button.asp.
Entrada Casilla de verificación	Representa una casilla de verificación de etiquetas OfType utilizado para la construcción de un formulario. Usted puede ver una completelist de los métodos y propiedades asociados a este objeto atw3schools.com/jsref/dom_obj_checkbox.asp.
Entrada Archivo	Representa una carga de archivos OfType etiqueta utilizada para la construcción de un formulario. Cuando el usuario hace clic en el botónpara, el navegador presenta un cuadro de diálogo de búsqueda se utiliza para localizar thefile. Usted puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_fileupload.asp.
Entrada Ocultos	Representa una etiqueta OfType oculto. Un elemento oculto se utiliza para enviar datos a la serverbut es invisible para el usuario final. Usted puede ver una lista completa Ofthe métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_hidden.asp.
Entrada Clave	Representa una texto etiqueta OfType utilizado para la construcción de un formulario. Esta forma particular de TextControl muestra asteriscos en lugar de los caracteres del hastyped usuario mantener contraseñas y otra información secreta oculta. Youcan ver una lista completa de los métodos y propiedades associatedwith este objeto en w3schools.com/jsref/dom_obj_password.asp.
Entrada Radio	Representa una etiqueta OfType botón de radio utilizado para la construcción de un formulario. Usted puede ver una completelist de los métodos y propiedades asociados a este objeto atw3schools.com/jsref/dom_obj_radio.asp.
Entrada Reiniciar	Representa una botón de la etiqueta OfType utilizado para la construcción de un formulario. Este tipo botón se utiliza toreset forma a su estado original. Usted puede ver una listof completa los métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_reset.asp.
Entrada Enviar	Representa una botón de la etiqueta OfType utilizado para la construcción de un formulario. Este tipo botón se utiliza tosend datos al servidor. Usted puede ver una lista completa de las propiedades methodsand asociados a este objeto en w3schools.com/jsref/dom_obj_submit.asp.
Entrada Texto	Representa una texto etiqueta OfType utilizado para la construcción de un formulario. Usted puede ver una lista completa Ofthe métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_text.asp.
Vínculo	Crea un enlace HTML en la página. Usted puede ver una listof completa los métodos y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_link.asp.
Meta	Define los metadatos utilizados para describir el contenido de la página, automaticallyrefresh contenido o realizar otras tareas. Usted puede ver una completelist de los métodos y propiedades asociados a este objeto atw3schools.com/jsref/dom_obj_meta.asp.
Objeto	Crear un objeto genérico se utiliza para mantener los datos no son de texto tales aspictures, controles y de audio. Usted puede ver una lista completa de themethods y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_object.asp.
Opción	Representa una lista desplegable donde el usuario puede elegir un singleentry. Usted puede ver una lista completa de los métodos y propertiesassociated con este objeto en w3schools.com/jsref/dom_obj_option.asp.
Seleccionar	Representa una lista desplegable donde el usuario puede elegir uno omás entradas. Usted puede ver una lista completa de los andproperties métodos asociados con este objeto en w3schools.com/jsref/dom_obj_select.asp.
Estilo	Especifica la aparición de otros elementos de la página. Usted cansee una lista completa de los métodos y las propiedades asociadas withthis objeto en w3schools.com/jsref/dom_obj_style.asp.
Mesa	Crea una tabla en la página y contiene tanto fila y cellelements utilizados para mantener el contenido. Usted puede ver una lista completa de themethods y propiedades asociados a este objeto en w3schools.com/jsref/dom_obj_table.asp.
td y TH	Representa una celda de datos dentro de una tabla. los	etiqueta se utiliza para los elementos de datos generales, y la
tr	Representa una fila de celdas de datos dentro de una tabla. Usted puede ver acomplete lista de los métodos y las propiedades asociadas con thisObject en w3schools.com/jsref/dom_obj_tablerow.asp.
Textarea	Representa un elemento de texto de varias filas en la página. Usted puede ver acomplete lista de los métodos y las propiedades asociadas con thisObject en w3schools.com/jsref/dom_obj_textarea.asp.

Sobre el autor

Cómo utilizar objetos dom fundamentales para gestionar contenido de la aplicación

El objetivo de cualquier aplicación javascript es gestionar contenido. Esto significa añadir, eliminar y editar el documento HTML que contiene los diversos elementos que estructuran y apoyan el contenido. Estos objetos proporcionan acceso a…

Cómo utilizar propiedades de formulario para codificar con javascript

En javascript, las propiedades de la Formulario objeto coincide con los atributos del elemento de formulario HTML. Se utilizan para obtener o establecer los valores del HTML forma elemento de atributos con javascript. Echa un vistazo a la…

Cómo usar javascript objetos del navegador para gestionar el entorno de la aplicación

Objetos de javascript del navegador permiten descubrir y cambiar el entorno de aplicación. Al saber que el usuario ha pasado, donde el usuario es ahora, y donde se puede tomar el usuario, puede controlar eficazmente el flujo de la aplicación.…

Cómo utilizar métodos de cuerda de javascript para manipular texto para HTML5 y CSS3 programación

los largo la propiedad es una especie de fresco, pero el objeto de cadena tiene mucho más en la manga. Los objetos también tienen métodos. Cuerdas en javascript tienen todo tipo de métodos (cosas que pueden hacer). Aquí hay algunos…

Referencias y recursos de javascript

javascript permite a la funcionalidad a una página web que HTML simple simplemente no puede hacer. La siguiente tabla muestra algunos valiosos recursos en línea para obtener más información sobre el uso de javascript en su sitio…

Trabajar con objetos de javascript

Además de los tipos de datos básicos (cadena, número, y Boole), operandos en javascript también pueden ser del tipo de objeto. Objetos javascript pueden tener propiedades (cosas que ellos describen) y métodos (cosas que pueden…

Trabajar con métodos para codificar con javascript

Los métodos son propiedades con funciones para sus valores. En javascript, se define un método de la misma manera que se define cualquier función. La única diferencia es que un método se asigna a una propiedad de un objeto. Este ejemplo…

HTML, CSS, javascript y desarrollo móvil para dummies

CSS es un lenguaje de hojas de estilo usado para definir el aspecto y el formato de un documento escrito en un lenguaje de marcas - a menudo HTML. LA estilo en este sentido es un conjunto de instrucciones de formato de texto, tales como fuente, el…

Obtener información sobre los objetos php y clases

En su forma más simple, los objetos son tipos de datos. La clase es la plantilla (patrón) para el objeto. PHP ofrece varias funciones que puede utilizar para obtener información acerca de los objetos y clases:Puede comprobar si existe una clase…

Cómo escribir una declaración de clase

Usted escribe el PHP clase declaración para definir las propiedades y métodos de la clase. La clase es la plantilla (patrón) para el objeto. los clase declaración tiene el siguiente formato general:clase className {Añadir declaraciones que…

Programación HTML5 con javascript para dummies

Referencias Css y recursos

Hojas de Estilo en Cascada (CSS) le dan más flexibilidad en el formato de su sitio web y el diseño, así como lo que le permite realizar cambios globales a todas las páginas de su sitio. La siguiente tabla muestra algunos valiosos recursos en…

maniqui-es.com » Computadoras y software » Programación » Html » Cómo utilizar objetos DOM de HTML para gestionar la estructura