AWWW-1st3.6-w03.tresc-1.0-Slajd23
JavaScript - obiekt document
Obiekt document reprezentuje dokument aktualnie wyświetlony w oknie przeglądarki. Obiekt document zawiera w sobie wszystkie obiekty reprezentujące elementy umieszczone w dokumencie, takie jak: formularze, tabele, nagłówki, sekcje, itp. Za pomocą obiektu document można dynamicznie manipulować zawartością wyświetlanego dokumentu. Modyfikacjom podlegają zarówno cechy wizualne elementów (np. bgColor, fgColor) jak i cechy behawioralne (np. lastModified, checked). Najczęściej zmianom programistycznym podlegają elementy formularzy. Dokument HTML może zawierać wiele formularzy. Każdy formularz jest reprezentowany przez obiekt form, a wszystkie formularze są dostępne przez tablicę document.forms[]. Można również posłużyć się nazwą formularza, np. document.dataForm. Elementy formularza są dostępne przez tablicę document.dataForm.elements[] lub bezpośrednio przez swoją nazwę, np. document.dataForm.nazwisko. Istnieje również możliwość zlokalizowania elementu o podanym identyfikatorze przez wywołanie metody document.getElementById(). Obiekt document dostarcza także użytecznych metod służących do operowania na dokumencie i umożliwia, między innymi, otwarcie dokumentu (open()), wyczyszczenie dokumentu (clear()), wpisanie łańcucha znaków do dokumentu (write()), oraz zamknięcie dokumentu (close()).
Poniżej przykład zastosowania obiektu document:
<html>
<head>
<script type="text/javascript">
function verify() {
document.clear();
if (document.getElementById("nazwisko").value == "")
{ document.write("Podaj nazwisko!"); return false; }
else
{ document.write("Dziękuję za podanie nazwiska"); return true; }
document.close();
}
</script>
</head>
<body>
<form name="dataForm" onsubmit="return verify()">
Nazwisko: <input name="nazwisko" type="text" id="nazwisko"/>
<input type="submit" value="wyślij"/>
</form>
</body>
</html>
