getElementById

autor: Patryk 'yarpo' Jar, ostatnia modyfikacja: 2007-04-30

szukaj: getElementById JavaScript JS

Dawniej, aby odwołać się do pewnego elementu na stronie [najczęściej formularza] używano tego typu konstrukcji:

document.nazwa_formularza.(...)

A sam formularz wyglądał tak:

<form name="nazwa_formularza" action="#">

Jeśli jednak ktoś kiedyś próbował tak zrobić stronę i sprawdził jej poprawność, to niestety walidator krzyczał, że tak należy robić. Więc jak!?

Oto rozwiązanie:

document.forms[0].elements[2].value;

Odwoływać się do formularza za pomocą tablicy. Indeks tablicy odpowiada numerowi formularza na stronie [liczone od 0].

Niestety, czasem zdarza się, że nie wiesz jaki ostatecznie będzie numer formularza na stronie – np. Jeśli na górze strony jest formularz do logowania, to gdy użytkownik się zaloguje formularz znika i całe nasze numerowanie szlag trafia! Więc jak to obejść?!

Oto rozwiązanie:

var formularz = getElementById("form1"); 
var pole_formularza = formularz.pole1.value;

I tym sposobem obeszliśmy niewygodne przeszkody. A kod HTML wyglądać będzie następująco:

<form id="form1" action="skrypt.php" method="post">

Zauważ, że dzięki takiemu zabiegowi możemy także odnosić się do tego id za pomocą CSS.

Patryk 'yarpo' Jar

szukaj: getElementById JavaScript JS

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!