Escolar Documentos
Profissional Documentos
Cultura Documentos
+(,'#'-.(# /, 012,*34
567896 : 7;*'3/.<=3 > ?,&;3@3A(# B,1
C'3DE F@(G#1,*, H.;G@(;A,'
567896
1
I;/(&,
1 - Plerarqula de Cb[eLos !avaScrlpL .................................................................................................. 2
a) Plerarqula ............................................................................................................................... 2
b) nomeando Cb[eLos................................................................................................................. 3
c) Acessando Cb[eLos pelo nome................................................................................................ 3
2
J : +(,'#'-.(# /, 012,*34 "#$#%&'()*
#K +(,'#'-.(#
Javascript divide uma pgina em objetos e vai permitir acessar e manipular este objetos atravs do
endereo desta hierarquia. Acompanhe a ilustrao dos diferentes objetos que uma pgina pode conter.
Esta pgina aparece dentro de uma janela. o objeto janela (window).
window
Nesta janela, h um documento Html, o objeto documento (document). Isto quer isto dizer que o
objeto janela contm o objeto documento.
window.document
Neste documento, temos um formulrio. o objeto formulrio (form). Dito de outra maneira, o objeto
janela contm um objeto documento que contm por sua vez um objeto formulrio.
window.document.form
Neste documento encontramos ainda 3 objetos. Os botes radio, um boto clssico e um campo de
texto. Que so respectivamente o objeto radio, o objeto boto, e o objeto texto. Ento, o objeto janela
contm o objeto documento que contm o objeto formulrio que contm por sua vez os objetos radio,
boto, e texto.
3
window.document.form.radio
window.document.form.button
window.document.form.text
1K 63L,#;/3 012,*34
Quando usamos o atributo name em algum objeto (altamente indicado), atravs desse atributo que
passamos o caminho do objeto na hierarquia atravs do nome que definimos.
Ex:
<form name=cadastro>
<input type=text name=idade>
</form>
E enfim para os puristas, Javascript no propriamente uma linguagem orientada para os
objetos tal o como C++ ou Java. Dizemos antes que Javascript uma linguagem baseada nos
objetos.
&K 9&,44#;/3 012,*34 ),@3 ;3L,
Para acessar a um objeto, necessrio dar o caminho completo do objeto na hierarquia comeando
pelo objeto mais externo at ao objeto de referncia.
Seja por exemplo, para o boto radio "semana" (da figura acima):
(window).document.form.radio[0].value
Seja por exemplo, para o boto radio "fim-de-semana" (da figura acima):
(window).document.form.radio[1].value
Para o campo que contm o nome referenciamos como:
document.cadastro.idade.
Inserimos o objeto window entre parentes porque ele ocupa a primeira posio na hierarquia.
Mas podemos referenciar o objeto a partir de document.
4
Outro exemplo de hierarquia:
Pgina HTML
Hierarquia da pgina
Acesso aos objetos:
document.Imagem[0]
document.Imagem[1]
document.Form[0].Elem[0]
document.Form[0].Elem[1]
document.Form[0].Elem[2]
document.Form[0].Elem[0]
document.Link[0]