|
|
[Hierarchia
w JavaScript][Zmienne][Obiekty][Literały][Operatory i wyrażenia]
Hierarchia
w JavaScript
JavaScript wszystkie elementy HTML organizuje hierarchicznie, tzn.
każdy element HTML widziany jest przez JavaScript jako obiekt o określonych
właściwościach i funkcjach.Z pomocą JavaScript możemy z łatwością manipulować
każdym z tych obiektów np:
Poniższy przykład pokazuje hierarchiczną budowę strony WWW:
<HTML>
<HEAD>
<TITLE>Przyklad</TITLE>
</HEAD>
<BODY>
<CENTER><IMG SRC="logo.jpg"></CENTER>
<P><FORM>
Imię :<INPUT TYPE="TEXT" VALUE=""><BR>
Email:<INPUT TYPE="TEXT" VALUE=""><BR>
<INPUT TYPE="BUTTON" VALUE="Nacisnij mnie">
</FORM></P>
<P><CENTER>
<IMG SRC="3email.gif">
</CENTER></P>
<P>
<A HREF="http://babilon5.topnet.pl">Moja strona o Babylon 5</A>
</P>
</BODY>
</HTML>
Na powyższym screenshotcie widzimy dwa obrazki, trzy elementy formularza oraz jeden link.
Każdy z nich ma przypisaną kolejność w dokumencie HTML którą widzimy na rysunku.
Dzięki tej przypisanej kolejności możemy odwoływać się poprzez JavaScript do
każdego elementu HTML i dowolnie go modyfikować.
Poniższy obrazek przedstawia zależności pomiędzy elementami i przypisaną im
kolejność.
Jak widzisz na powyższym obrazku, pierwszy element to "document"(czyli twój
dokument, strona HTML), dalej odchodzą od niego gałęzie symbolizujące dalsze
zależności.Przypomina to trochę drzewo genealogiczne.
I tak, aby odwołać się do elementu "links[0]" musimy wpisać:
document.links[0]
Jeśli na naszej stronie będzie więcej linków to piszemy
document.links[n] gdzie "n" to liczba kolejnego linka(zaczynamy od 0)
Natomiast jeśli chcemy odwołać się do elementu "elements[1]", to wpisujemy:
document.forms[0].elements[1]
Używanie cyfer przy odwoływaniu się do elementów dokumentu HTML, na dłuższą metę
jest kłopotliwe. Prościej i jaśniej jest nazwać każdy element strony np:
<P><CENTER>
<IMG SRC="3email.gif" name="obrazek">
</CENTER></P>
I odwołujemy się do niego
document.obrazek
Jak widać obiekt nazywamy przy pomocy polecenia "name".
W ten sposób możemy prościej i jaśniej odwoływać się do każdego dokumentu HTML.
Projektowanie stron internetowych Copyright(c) 1998 by Robert Fontański | |
