Wybrane pola i metody modelu DOM

Wyszukiwanie elementów
• document.getElementById(id) - wyszukiwanie elementu o podanym identyfikatorze
• document.getElementsByName(ElementName) - wyszukiwanie elementów o podanej nazwie
• document.getElementsByTagName(TagName) - wyszukiwanie elementów z podaną nazwą znacznika
• document.getElementsByClassName(ClassName) - wyszukiwanie elementów z danej klasy
• document.querySelector(CSSselector) - wyszukiwanie pierwszego elementu pasującego do selektora
• document.querySelectorAll(CSSselector) - wyszukiwanie wszystkich elementów pasujących do selektora

Operacje na elementach dokumentu
• document.write()
• document.createElement(element)
• document.removeChild(element)
• document.appendChild(element)
• document.replaceChild(element)

Zmiana elementów
• element.innerHTML = "nowa zawartość"
• element.attribute_name = "nowa wartość"
• element.setAttribute(atrybut, wartość)
• element.style.property_name = "nowa wartość"

Wybrane właściwości obiektu style
• backgroundColor
• color
• fontSize
• fontStyle = "normal | italic | oblique | initial | inherit"
• fontWeight = "normal | lighter | bold | bolder | value | initial | inherit"
• listStyleType = "circle | decimal | disc | none | square | initial"

Metody i pola obiektu string
• Length
• indexOf(text)
• search(text)
• substr(startIndex, endIndex)
• replace(textToReplace, newText)
• toUpperCase()
• toLowerCase()

Obiekty

W JavaScript obiektem jest prawie wszystko, co nas otacza, np. pies, książka, uczeń. Obiekt posiada właściwości, np. właściwościami psa mogą być rasa, kraj pochodzenia, wielkość, waga, maść, długość życia, odporność na warunki atmosferyczne itp. Pies potrafi np. szczekać, jeść, spać - to są metody. Wszystkie psy posiadają te same właściwości, ale właściwości mogą przyjmować różne wartości dla poszczególnych psów. Wszystkie psy mają te same metody, ale są one wykonywane w różnym czasie.

Aby dostać się do właściwości obiektu należy zastosować zapis:

nazwa_obiektu.nazwa_właściwości;

Obiekt WINDOW

Obiekt domyślny, opisuje bieżące okno przeglądarki. Można się do niego odwołać z pominięciem nazwy.

Metody obiektu WINDOW
• alert()
• close()
• confirm()
• open()
• prompt()

Obiekt DOCUMENT

Zawiera właściwości i metody do modyfikacji aktualnie wczytanego dokumentu HTML.

Właściwości obiektu DOCUMENT
• document.title - tytuł dokumentu
• document.lastModified - data ostatniej modyfikacji
• document.referrer - URL dokumentu, z którego został wywołany bieżący dokument

Obiekt LOCATION

Zawiera informacje dotyczące bieżącego adresu URL.

Właściwości obiektu LOCATION
• href - adres URL dokumentu
• protocol - nazwa protokołu
• host - nazwa serwera, nazwa domeny
• hostname - pełna nazwa serwera wraz z numerem portu
• port - numer portu
• portname - ścieżka dostępu do pliku

Metody obiektu LOCATION
• assign() - wczytuje dokument o wskazanym adresie
• reload() - ponownie wczytuje bieżącą stronę
• replace() - wczytuje dokument o wskazanym adresie i zastępuje bieżący dokument (usuwa URL z historii)

Obiekt DATE

Służy do przechowywania wartości daty i czasu.

Warto przeczytać JavaScript Date Reference

Metody obiektu DATE
• getDate() - zwraca dzień miesiąca
• getDay() - zwraca dzień tygodnia
• getHours() - zwraca godzinę
• getMinutes() - zwraca minuty
• getMonth() - zwraca miesiąc (getMonth() returns the month (0 to 11) of a date.)
• getSeconds() - zwraca sekundy
• getFullYear() - zwraca rok
• setDate() - ustawia dzień miesiąca
• setHours() - ustawia godzinę
• setMinutes() - ustawia minuty
• setMonth() - ustawia miesiąc
• setSeconds() - ustawia sekundy
• setFullYear() - ustawia rok
• toLocaleString() - zwraca datę w postaci lokalnej

Obiekt MATH

Służy do wykonywania obliczeń matematycznych.

Warto przeczytać JavaScript Math Reference

Właściwości obiektu MATH
• PI - liczba Π
• SQRT2 - pierwiastek kwadratowy z 2

Metody obiektu MATH
• abs(x) - wartość bezwzględna z x
• ceil(x) - najmniejsza liczba całkowita większa lub równa x
• floor(x) - największa liczba całkowita mniejsza lub równa x
• max(x,y) - większa liczba z x i y
• min(x,y) - mniejsza liczba z x i y
• pow(x,y) - x do potęgi y
• round(x) - zaokrąglenie liczby x do najbliższej całkowitej
• sqrt(x) - pierwiastek kwadratowy z x
• random() - liczba losowa z przedziału [0,1)

Obiekt ARRAY

Służy do przechwywania wartości wielu zmiennych i modyfikacji tablic.

Warto przeczytać JavaScript Array Reference

Metody obiektu MATH
• concat(x) - łączy tablice
• join(x) - łączy elementy tablicy
• pop(x) - usuwa ostatni element tablicy
• push(x) - dodaje element do tablicy
• reverse(x) - odwraca kolejność elementów tablicy
• sort(x) - sortuje elementy tablicy (jako łańcuchy znaków)