Curso:
Webmaster & Webdesign
Disciplina: Criação
de Site III
Professor: Jose Maria Silveira
(cs3_08na_objetosHtml.html)
Objetos Html <tags>
(Obs: este tema ja esta ligado a DHTML)
O objeto document
é
sem dúvida o objeto mais rico e mais importante para o HTML
Dinâmico. Eles são fornecidos pelo navegador
(fabricante) e divergem quanto a quantidade (a Microsoft tem muito
mais objetos).
A forma mais vulgar para manipular os seus
elementos baseia-se nos estilos CSS e nos métodos
genéricos
do DOM.
Para além destas formas genéricas de
manipulação do documento, foram acrescentadas ao DOM
algumas extensões HTML que nos oferecem funcionalidades
acrescidas para controlar objetos que são especiais. Destes
objetos há 16 que são mais importantes.
Para
estes objetos foram criadas propriedades e métodos
específicos
que são muito úteis para manipular o conteúdo de
uma página da Web.
Os objetos tem os mesmos nomes das
tags que representam, e os principais são os seguintes:
|
Anchor |
Applet |
Embed |
Frame |
Frameset |
|
Form |
Iframe |
Image |
Input |
Object |
|
Select |
Table |
Tablecell |
Tablerow |
Textarea |
Estes objetos tem propriedades e métodos que simulam os das tags, portanto podemos manipular qualquer elemento inscrito na página.
Para tanto pracisamos:
1. as tags precisam de name ou id, para que possam ser identificadas;
2. podemos usar o método document.getElementById("nomeOUid") para localizar a tag.
Ex:
document.getElementById("myName").href="http://www.google.pt"
com o método ou propriedade compatível com o tipo de objeto em questão (no caso acima referese a um link, e estamos mudando a propriedade href, ou seja, o alvo do link).
Podemos ver um relação de propriedades em:
http://artifice.web.pt/tutoriais/cntd/dhtml_tut11.html#a11
Veja um modelo nos exercicio de laboratorio ref. a esta aula.