Como usar objetos html dom para gerenciar 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.

tag define posições.
Você pode ver uma lista completa dos métodos e propriedades
associado com este objecto a w3schools.com/jsref/dom_obj_tabledata.asp.

Objeto	Descrição
Documento	Fornece acesso a todos os elementos de uma página inteira. Cada página carregada em um navegador se torna um Documento objeto que você acessa usando o documento palavra-chave. Você pode ver uma lista completa dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_document.asp.
Evento	Permite a interação com os eventos e manipuladores de eventos associada a uma página. Cada tipo de elemento tem eventos específicos associado a ele, como o evento de clique associado ao Botão objeto. Você pode ver uma completa lista dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_event.asp.
HTMLElement	Fornece uma classe base a partir da qual todos os elementos HTML são derivadas. Esta classe base define as propriedades e métodos que todos os HTML elementos fornecer. Você pode ver uma lista completa dos métodos e propriedades relacionadas com este objectivo em w3schools.com/jsref/dom_obj_all.asp.
Âncora	Representa um hyperlink HTML. Você pode ver uma lista completa de os métodos e as propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_anchor.asp.
Área	Define a área dentro de um mapa de imagem HTML que é usado para criar regiões clicáveis ​​para um elemento gráfico. Você pode ver uma completa lista dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_area.asp.
Base	Especifica o endereço padrão ou um destino padrão para todas as ligações em uma página. Você pode ver uma lista completa dos métodos e propriedades relacionadas com este objectivo em w3schools.com/jsref/dom_obj_base.asp.
Corpo	representa a etiqueta porção de uma página, incluindo todos os elementos contidos dentro desse tag. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_body.asp.
Botão	Representa um botão em uma página. Este objecto é especificamente associada com o tag, em vez de na forma de etiqueta botão. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_pushbutton.asp.
Formato	Representa uma forma e inclui todos os elementos dentro dessa Formato. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_form.asp.
Quadro, armação e IFrame	Representa uma estrutura (a tag) ou um quadro embutido (o tag) e todos os elementos dentro essa marca. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_frame.asp.
conjunto de quadros	Fornece acesso a um conjunto de quadros que contém dois ou mais quadros. Este objecto especifica apenas o número de linhas e colunas utilizadas para manter os quadros associados. Você pode ver uma lista completa de métodos e propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_frameset.asp.
Imagem	Representa uma imagem incorporada. Você pode ver uma lista completa de os métodos e as propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_image.asp.
Entrada Botão	Representa uma etiqueta de botão usado para a construção de uma forma digita. Você pode ver uma lista completa dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_button.asp.
Entrada Caixa de seleção	Representa uma etiqueta de caixa de seleção usado para a construção de uma forma digita. Você pode ver uma completa lista dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_checkbox.asp.
Entrada Arquivo	Representa uma etiqueta de tipo de upload de arquivos usado para a construção de um formulário. Quando o usuário clica no botão, o browser apresenta uma caixa de diálogo de procura usado para localizar o Arquivo. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_fileupload.asp.
Entrada Escondido	Representa uma etiqueta de digite escondido. Um elemento oculto é usado para enviar dados para o servidor mas é invisível para o utilizador final. Você pode ver uma lista completa de os métodos e as propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_hidden.asp.
Entrada Senha	Representa uma etiqueta de digitar texto usado para a construção de um formulário. Esta forma particular de texto controle exibe asteriscos em vez dos caracteres que o usuário tem digitado para manter senhas e outras informações sobre segredo escondido. Você pode ver a lista completa dos métodos e propriedades associadas com este objectivo em w3schools.com/jsref/dom_obj_password.asp.
Entrada Rádio	Representa uma etiqueta de tipo botão de rádio utilizada para a construção de um formulário. Você pode ver uma completa lista dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_radio.asp.
Entrada Restabelecer	Representa uma etiqueta de botão usado para a construção de uma forma digita. Este tipo botão é utilizado para redefinir o formulário ao seu estado original. Você pode ver uma lista completa dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_reset.asp.
Entrada Enviar	Representa uma etiqueta de botão usado para a construção de uma forma digita. Este tipo botão é utilizado para enviar dados para o servidor. Você pode ver uma lista completa dos métodos e propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_submit.asp.
Entrada Texto	Representa uma etiqueta de digitar texto usado para a construção de um formulário. Você pode ver uma lista completa de os métodos e as propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_text.asp.
Ligação	Cria um link HTML na página. Você pode ver uma lista completa dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_link.asp.
meta	Define metadados usados ​​para descrever o conteúdo da página, automaticamente atualizar o conteúdo, ou executar outras tarefas. Você pode ver uma completa lista dos métodos e das propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_meta.asp.
Objeto	Criar um objeto genérico usado para armazenar dados não-texto como fotos, controles e áudio. Você pode ver uma lista completa de métodos e propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_object.asp.
Opção	Representa uma lista drop-down, onde o usuário pode escolher um único entrada. Você pode ver uma lista completa dos métodos e propriedades associado com este objecto a w3schools.com/jsref/dom_obj_option.asp.
selecionar	Representa uma lista drop-down, onde o usuário pode escolher um ou mais entradas. Você pode ver uma lista completa dos métodos e propriedades relacionadas com este objectivo em w3schools.com/jsref/dom_obj_select.asp.
Estilo	Especifica o aparecimento de outros elementos na página. Você pode ver uma lista completa dos métodos e propriedades associadas este objecto em w3schools.com/jsref/dom_obj_style.asp.
Mesa	Cria uma tabela na página e contém tanto linha e celular elementos usados ​​para armazenar conteúdo. Você pode ver uma lista completa de métodos e propriedades associadas com este objecto a w3schools.com/jsref/dom_obj_table.asp.
td e º	Representa uma célula de dados dentro de uma tabela. o	tag é usada para itens de dados gerais, e a
tr	Representa uma linha de células de dados dentro de uma tabela. Você pode ver um lista completa dos métodos e das propriedades associadas com esta objeto em w3schools.com/jsref/dom_obj_tablerow.asp.
textarea	Representa um elemento de texto multi-linha na página. Você pode ver um lista completa dos métodos e das propriedades associadas com esta objeto em w3schools.com/jsref/dom_obj_textarea.asp.