JavaScript poradnik

Czym jest JavaScript?

JavaScript, w skrócie JS – skryptowy język programowania, stworzony przez firmę Netscape, najczęściej stosowany na stronach internetowych, ale nie tylko. W połowie lat 90' XX wieku organizacja ECMA wydała na podstawie JavaScriptu standard języka o nazwie ECMAScript, aktualnie rozwijaniem tego standardu zajmuje się komisja TC39. Skrypty te służą najczęściej do zapewnienia interakcji poprzez reagowanie na zdarzenia lub tworzenia złożonych efektów wizualnych. Skrypty JavaScriptu uruchamiane przez strony internetowe mają ograniczony dostęp do komputera użytkownika. Po stronie serwera JavaScript może również działać w postaci Node.js.

DOM API

DOM – Document Object Model (Obiektowy model dokumentu), sposób reprezentacji złożonych dokumentów HTML w postaci modelu obiektowego. Model ten jest niezależny od platformy i języka programowania.

DOM API – zestaw klas i interfejsów, pozwalających na dostęp do struktury DOM strony i jej modyfikację, poprzez: tworzenie, usuwanie i modyfikację tzw. "węzłów" (ang. nodes).

Przykładowe obiekty i metody DOM API

window – obiekt zawierający całą stronę;
document – obiekt zawierający wszystkie elementy w DOM;
HTMLelement – obiekt zawierający pojedynczy element HTML w DOM;
document.getElementById(id) – metoda wybierająca element o danym id;
document.getElementsByTagName(nazwa) – metoda wybierająca wszystkie elementy o danej nazwie;
document.querySelector(zapytanie) – metoda wybierająca pierwszy występujący w dokumencie element spełniający podane zapytanie;
document.querySelectorAll(zapytanie) – metoda wybierająca wszystkie elementy spełniające zapytanie;
HTMLelement.getAttribute(atrybut) – metoda zwracająca podany atrybut;
HTMLelement.hasAttribute(atrybut) – metoda sprawdzająca czy dany atrybut jest ustawiony;
HTMLelement.setAttribute(nazwa, wartość) – metoda ustawia dany atrybut na daną wartość;
document.createElement(nazwa) – metoda tworzy element o danej nazwie;
HTMLelement.append(element) – metoda nadaje status potomka podanemu elementowi;
HTMLelement.remove() – metoda usuwa element, na którym została wykonana;
JavaScript i ECMAscript AD 2022