Kurs DOM*
Podstawy: Wstęp; Rodzaje dokumentów; Przestrzenie nazw; Parsowanie i serializacja; Drzewo węzłów; Kodowanie; Adresy URL; Fecz; Kolekcje; API selektorów; Węzły znakowe; Elementy i atrybuty; Zakresy; Przejścia; Zestawy; Obserwatorzy zmian; Pochodzenie zasobów; Web IDL; Typy danych; Interfejsy i obiekty; Obsługa błędów; Zarządzanie pamięcią
Zdarzenia: Wstęp; Architektura; Uchwyty; Delegacja; Bazowe interfejsy; Słownik pojęć; Przegląd typów zdarzeń; Moduły; Interfejs użytkownika; load; unload; abort; error; select; resize; scroll; Zogniskowanie; blur; focus; focusin; focusout; Mysz; click; dblclick; mousedown; mouseenter; mouseleave; mousemove; mouseout; mouseover; mouseup; Kółko; wheel; Wejście; beforeinput; input; Klawiatura; keydown; keyup; Kompozycja; compositionstart; compositionupdate; compositionend
Ogólne*: Wstęp; Łańcuchy znaków; Events; Nodes; MutationObserver; Document; DocumentType; DocumentFragment; Element; NamedNodeMap; Attr; CharacterData; Collections; Sets; Range; Traversal; Parsing & Serialization; Encoding; TextEncoder; TextDecoder; URLs; URLUtils i URLUtilsReadOnly; URLSearchParams; Fetch; Headers; Body; Request; Response
ERRORS
DOMException: Wstęp; Właściwości; .code
DOMError: Wstęp; Właściwości; .message; .name; Inne; new DOMError()
EVENTS
Event: Wstęp; Właściwości; .bubbles; .cancelable; .currentTarget; .defaultPrevented; .eventPhase; .isTrusted; .target; .timeStamp; .type; Metody; .initEvent(); .preventDefault(); .stopImmediatePropagation(); .stopPropagation(); Inne; new Event()
CustomEvent: Wstęp; Właściwości; .detail; Metody; .initCustomEvent(); Inne; new CustomEvent()
EventTarget: Wstęp; Metody; .addEventListener(); .dispatchEvent(); .removeEventListener()
EventListener: Wstęp; Metody; .handleEvent()
UIEvent: Wstęp; Właściwości; .detail; .view; Metody; .initUIEvent(); Inne; new UIEvent()
FocusEvent: Wstęp; Właściwości; .relatedTarget; Metody; .initFocusEvent(); Inne; new FocusEvent()
MouseEvent: Wstęp; Właściwości; .altKey; .button; .buttons; .clientX; .clientY; .ctrlKey; .metaKey; .relatedTarget; .screenX; .screenY; .shiftKey; Metody; .getModifierState(); .initMouseEvent(); Inne; new MouseEvent()
WheelEvent: Wstęp; Właściwości; .deltaMode; .deltaX; .deltaY; .deltaZ; Metody; .initWheelEvent(); Inne; new WheelEvent()
InputEvent: Wstęp; Właściwości; .data; .isComposing; Inne; new InputEvent()
KeyboardEvent: Wstęp; Właściwości; .altKey; .code; .ctrlKey; .isComposing; .key; .location; .metaKey; .repeat; .shiftKey; Metody; .getModifierState(); .initKeyboardEvent(); Inne; new KeyboardEvent()
CompositionEvent: Wstęp; Właściwości; .data; Metody; .initCompositionEvent(); Inne; new CompositionEvent()
NODES
ParentNode: Wstęp; Właściwości; .childElementCount; .children; .firstElementChild; .lastElementChild; Metody; .append(); .getElementById(); .prepend(); .querySelector(); .querySelectorAll()
ChildNode: Wstęp; Właściwości; .nextElementSibling; .previousElementSibling; Metody; .after(); .before(); .remove(); .replaceWith()
MutationObserver: Wstęp; Metody; .disconnect(); .observe(); .takeRecords(); Inne; new MutationObserver()
MutationRecord: Wstęp; Właściwości; .addedNodes; .attributeName; .attributeNamespace; .nextSibling; .oldvalue; .previousSibling; .removedNodes; .target; .type
Node: Wstęp; Właściwości; .baseURI; .childNodes; .firstChild; .lastChild; .nextSibling; .nodeName; .nodeType; .nodeValue; .ownerDocument; .parentElement; .parentNode; .previousSibling; .rootNode; .textContent; Metody; .appendChild(); .cloneNode(); .compareDocumentPosition(); .contains(); .hasChildNodes(); .insertBefore(); .isDefaultNamespace(); .isEqualNode(); .isSameNode(); .lookupNamespaceURI(); .lookupPrefix(); .normalize(); .removeChild(); .replaceChild()
Document: Wstęp; Właściwości; .characterSet; .charset; .compatMode; .contentType; .doctype; .documentElement; .documentURI; .implementation; .inputEncoding; .origin; .URL; Metody; .adoptNode(); .createAttribute(); .createAttributeNS(); .createComment(); .createDocumentFragment(); .createElement(); .createElementNS(); .createEvent(); .createNodeIterator(); .createProcessingInstruction(); .createRange(); .createTextNode(); .createTreeWalker(); .getElementsByClassName(); .getElementsByTagName(); .getElementsByTagNameNS(); .importNode(); Inne; new Document()
XMLDocument: Wstęp
DOMImplementation: Wstęp; Metody; .createDocument(); .createDocumentType(); .createHTMLDocument(); .hasFeature()
DocumentType: Wstęp; Właściwości; .name; .publicId; .systemId
DocumentFragment: Wstęp; Inne; new DocumentFragment()
Element: Wstęp; Właściwości; .attributes; .classList; .className; .id; .localName; .namespaceURI; .prefix; .tagName; Metody; .getAttribute(); .getAttributeNS(); .getAttributeNode(); .getAttributeNodeNS(); .getAttributeNames(); .getElementsByClassName(); .getElementsByTagName(); .getElementsByTagNameNS(); .hasAttribute(); .hasAttributeNS(); .hasAttributes(); .insertAdjacentElement(); .insertAdjacentText(); .matches(); .removeAttribute(); .removeAttributeNS(); .removeAttributeNode(); .setAttribute(); .setAttributeNS(); .setAttributeNode(); .setAttributeNodeNS()
NamedNodeMap: Wstęp; Właściwości; .length; Metody; .getNamedItem(); .getNamedItemNS(); .item(); .removeNamedItem(); .removeNamedItemNS(); .setNamedItem(); .setNamedItemNS()
Attr: Wstęp; Właściwości; .localName; .name; .namespaceURI; .nodeName; .nodeValue; .ownerElement; .prefix; .specified; .textContent; .value
CharacterData: Wstęp; Właściwości; .data; .length; Metody; .appendData(); .deleteData(); .insertData(); .replaceData(); .substringData()
Text: Wstęp; Właściwości; .wholeText; Metody; .splitText(); Inne; new Text()
Comment: Wstęp; Inne; new Comment()
ProcessingInstruction: Wstęp; Właściwości; .target
COLLECTIONS
NodeList: Wstęp; Właściwości; .length; Metody; .item()
HTMLCollection: Wstęp; Właściwości; .length; Metody; .item(); .namedItem()
SETS
DOMTokenList: Wstęp; Właściwości; .length; .value; Metody; .add(); .contains(); .item(); .remove(); .replace(); .supports(); .toggle(); Inne; stringifier
RANGES
Range: Wstęp; Właściwości; .collapsed; .commonAncestorContainer; .endContainer; .endOffset; .startContainer; .startOffset; Metody; .cloneContents(); .cloneRange(); .collapse(); .compareBoundaryPoints(); .comparePoint(); .deleteContents(); .detach(); .extractContents(); .insertNode(); .intersectsNode(); .isPointInRange(); .selectNode(); .selectNodeContents(); .setEnd(); .setEndAfter(); .setEndBefore(); .setStart(); .setStartAfter(); .setStartBefore(); .surroundContents(); Inne; new Range(); stringifier
TRAVERSAL
NodeIterator: Wstęp; Właściwości; .filter; .pointerBeforeReferenceNode; .referenceNode; .root; .whatToShow; Metody; .detach(); .nextNode(); .previousNode()
TreeWalker: Wstęp; Właściwości; .currentNode; .filter; .root; .whatToShow; Metody; .firstChild(); .lastChild(); .nextNode(); .nextSibling(); .parentNode(); .previousNode(); .previousSibling()
NodeFilter: Wstęp; Metody; .acceptNode()
Dodatki*
PARSING & SERIALIZATION
DOMParser: Wstęp; Metody; .parseFromString(); Inne; new DOMParser()
XMLSerializer: Wstęp; Metody; .serializeToString(); Inne; new XMLSerializer()
Element (rozszerzenie): Wstęp; Właściwości; .innerHTML; .outerHTML; Metody; .insertAdjacentHTML()
Range (rozszerzenie): Wstęp; Metody; .createContextualFragment()
Text (rozszerzenie): Wstęp; Właściwości; .serializeAsCDATA
ENCODING
TextEncoder: Wstęp; Właściwości; .encoding; Metody; .encode(); Inne; new TextEncoder()
TextDecoder: Wstęp; Właściwości; .encoding; .fatal; .ignoreBOM; Metody; .decode(); Inne; new TextDecoder()

Ogólne#

Collections#

W tym miejscu umieszczam powtarzające się specyficzne pojęcia i algorytmy w dziale COLLECTIONS, czyli mogą mieć one zastosowanie dla wszystkich interfejsów z tego działu.

Pojęcia#

collection

live

static

Kolekcja # (collection) to obiekt, który reprezentuje listę węzłów z drzewa węzłów. Kolekcja może być aktualna # (live) lub statyczna # (static). Jeśli nie oznaczono inaczej, to kolekcja zawsze jest aktualna (szczegóły).

Właściwości i metody w obiektach reprezentujących aktualne kolekcje muszą operować na bieżących bazowych danych (underlying data), a nie na migawce tych danych.

filter

root

W chwili tworzenia kolekcji zostaje ona skojarzona z filtrem # (filter) oraz korzeniem # (root).

represents

Następnie kolekcja reprezentuje # (represents) widok poddrzewa zakorzenionego w skojarzonym korzeniu, zawierającego tylko te węzły, które pasują do skojarzonego filtra. Widok ten jest liniowy (podobnie zresztą jak w przypadku iteratora węzłowego). Jeśli nie sprecyzowano żadnych specyficznych wymagań to węzły w kolekcji muszą być posortowane zgodnie z porządkiem drzewa (szczegóły).

supported property indices

Obsługiwane indeksy właściwości # (supported property indices) w obiekcie kolekcji są liczbami z przedziału od 0 do liczby węzłów z reprezentacji kolekcji minus jeden. Jeśli nie będzie takich elementów, to indeksy właściwości nie są obsługiwane.

supported property names

Obsługiwane nazwy właściwości # (supported property names) w obiekcie kolekcji, wszystkie niewyliczalne, są wartościami z listy zwracanej według następujących kroków:

Niech result będzie pustą listą.
Dla każdego (for each) elementu element z widoku poddrzewa reprezentowanego przez kolekcję, zgodnie z porządkiem drzewa, wykonaj poniższe podkroki:
1. Jeśli element ma unikatowy identyfikator, który nie znajduje się w result, to dodaj unikatowy identyfikator posiadany przez element do result.
2. Jeśli element znajduje się w przestrzeni nazw HTML i ma swój atrybut name, którego wartością nie jest pusty łańcuch znakowy i nie znajduje się ona już w result, to dodaj wartość tego atrybut name posiadanego przez element do result.
Zwróć result.

Pasek społecznościowy

SPIS TREŚCI AKTUALNEJ STRONY

Ogólne (H1) Collections (H2) Pojęcia (H3) collection (H4) live (H4) static (H4) filter (H4) root (H4) represents (H4) supported property indices (H4) supported property names (H4)