Como usar HTML DOM Objects para gerenciar a estrutura

Organizar a informação que o usuário vê na tela em uma apresentação coesa usando javascript é importante. O usuário deve ver a estrutura do documento HTML, mas a estrutura deve apoiar o conteúdo - não deve chamar a atenção para si. Ao trabalhar com uma página, a estrutura inclui tudo, desde mesas de controles usados ​​para interagir com e gerenciar o conteúdo que o usuário está mais interessado em ver. Os seguintes objetos DOM HTML ajudá-lo a executar esta tarefa ao trabalhar com javascript.

Objeto	Descrição
Documento	Fornece acesso a todos os elementos de uma página inteira. Everypage carregado em um navegador se torna um objeto de documento que você acessar utilizando a palavra-chave do documento. Você pode ver uma listof completa os métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_document.asp.
Evento	Permite a interação com os eventos e evento handlersassociated com uma página. Cada tipo de elemento tem eventsassociated específico com ele, como o evento click associado aoBotão objeto. Você pode ver uma completelist dos métodos e propriedades associadas a esse objeto atw3schools.com/jsref/dom_obj_event.asp.
HTMLElement	Fornece uma classe base a partir da qual todos os elementos HTML são derived.This classe base define as propriedades e métodos que todos os HTMLelements fornecem. Você pode ver uma lista completa dos andproperties métodos associados com este objeto em w3schools.com/jsref/dom_obj_all.asp.
Âncora	Representa um hyperlink HTML. Você pode ver uma lista completa ofthe métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_anchor.asp.
Área	Define a área dentro de um mapa de imagem HTML que é usado para createclickable regiões para um elemento gráfico. Você pode ver uma completelist dos métodos e propriedades associadas a esse objeto atw3schools.com/jsref/dom_obj_area.asp.
Base	Especifica o endereço padrão ou um destino padrão para todos linkson uma página. Você pode ver uma lista completa dos andproperties métodos associados com este objeto em w3schools.com/jsref/dom_obj_base.asp.
Corpo	Representa a tagportion de uma página, incluindo todos os elementos contidos thattag. Você pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_body.asp.
Botão	Representa um botão em uma página. Este objecto é specificallyassociated com a etiqueta, ao invés de o tag forma ofbutton. Você pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_pushbutton.asp.
Formato	Representa um formulário e inclui todos os elementos dentro thatform. Você pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_form.asp.
quadro e IFrame	Representa um quadro (o tag) ou um quadro embutido (o
conjunto de quadros	Fornece acesso a um conjunto de quadros que contém dois ou mais frames.This objeto especifica apenas o número de linhas e colunas usadas tohold os quadros associados. Você pode ver uma lista completa de themethods e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_frameset.asp.
Imagem	Representa uma imagem incorporada. Você pode ver uma lista completa ofthe métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_image.asp.
Entrada Botão	representa um botão tag OfType usado para a construção de um formulário. Você pode ver uma listof completa os métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_button.asp.
Entrada Caixa de seleção	representa um caixa de seleção tag OfType usado para a construção de um formulário. Você pode ver uma completelist dos métodos e propriedades associadas a esse objeto atw3schools.com/jsref/dom_obj_checkbox.asp.
Entrada Arquivo	representa um tag upload do arquivo OfType usado para a construção de um formulário. Quando o usuário clica thebutton, o browser apresenta uma caixa de diálogo de procura usado para localizar thefile. Você pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_fileupload.asp.
Entrada Escondido	representa um tag OfType escondido. Um elemento oculto é usado para enviar dados para o serverbut é invisível para o usuário final. Você pode ver uma lista completa ofthe métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_hidden.asp.
Entrada Senha	representa um texto tag OfType usado para a construção de um formulário. Esta forma particular de textcontrol exibe asteriscos em vez dos caracteres do hastyped usuário manter senhas e outras informações sobre segredo escondido. Youcan ver uma lista completa dos métodos e propriedades associatedwith este objeto na w3schools.com/jsref/dom_obj_password.asp.
Entrada Rádio	representa um tag OfType botão de rádio usado para a construção de um formulário. Você pode ver uma completelist dos métodos e propriedades associadas a esse objeto atw3schools.com/jsref/dom_obj_radio.asp.
Entrada Reiniciar	representa um botão tag OfType usado para a construção de um formulário. Este tipo botão é utilizado toreset a forma ao seu estado original. Você pode ver uma listof completa os métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_reset.asp.
Entrada Enviar	representa um botão tag OfType usado para a construção de um formulário. Este tipo botão é utilizado tosend dados para o servidor. Você pode ver uma lista completa das propriedades methodsand associados a este objeto em w3schools.com/jsref/dom_obj_submit.asp.
Entrada Texto	representa um texto tag OfType usado para a construção de um formulário. Você pode ver uma lista completa ofthe métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_text.asp.
Ligação	Cria um link HTML na página. Você pode ver uma listof completa os métodos e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_link.asp.
meta	Define metadados usados ​​para descrever o conteúdo da página, automaticallyrefresh conteúdo ou executar outras tarefas. Você pode ver uma completelist dos métodos e propriedades associadas a esse objeto atw3schools.com/jsref/dom_obj_meta.asp.
Objeto	Criar um objeto genérico usado para armazenar dados não-texto tais aspictures, controles e áudio. Você pode ver uma lista completa de themethods e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_object.asp.
Opção	Representa uma lista drop-down onde o usuário pode escolher um singleentry. Você pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_option.asp.
selecionar	Representa uma lista drop-down, onde o usuário pode escolher um entradas oumais. Você pode ver uma lista completa dos andproperties métodos associados com este objeto em w3schools.com/jsref/dom_obj_select.asp.
Estilo	Especifica o aparecimento de outros elementos na página. Você cansee uma lista completa dos métodos e propriedades associadas withthis objeto em w3schools.com/jsref/dom_obj_style.asp.
Mesa	Cria uma tabela na página e contém tanto linha e cellelements usados ​​para armazenar conteúdo. Você pode ver uma lista completa de themethods e propriedades associadas a esse objeto em w3schools.com/jsref/dom_obj_table.asp.
td e th	Representa uma célula de dados dentro de uma tabela. o	tag é usada para itens de dados gerais, ea tag define headings.You pode ver uma lista completa dos métodos e propertiesassociated com este objeto em w3schools.com/jsref/dom_obj_tabledata.asp.
tr	Representa uma linha de células de dados dentro de uma tabela. Você pode ver acomplete lista dos métodos e propriedades associadas a thisObject em w3schools.com/jsref/dom_obj_tablerow.asp.
textarea	Representa um elemento de texto multi-linha na página. Você pode ver acomplete lista dos métodos e propriedades associadas a thisObject em w3schools.com/jsref/dom_obj_textarea.asp.