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()

DocumentFragment#

Wstęp#

Interfejs DocumentFragment stanowi definicję Web IDL dla jednego z węzłów odgrywających kluczową rolę przy wygodnym manipulowaniu dowolną liczbą węzłów poza właściwym drzewem węzłów. Obiekty typu DocumentFragment są potocznie nazywany fragmentami dokumentów # i skojarzone zostały z kilkoma podstawowymi zagadnieniami.

Interfejs DocumentFragment dziedziczy po interfejsie Node, dlatego ma dostęp do wszystkich poleceń z tego interfejsu (oraz z kolejnych interfejsów w łańcuchu dziedziczenia). Interfejs DocumentFragment bezpośrednio implementuje kolejny interfejs ParentNode ze wszystkimi jego podstawowymi zagadnieniami i poleceniami.

Fragment dokumentu można utworzyć za pomocą poleceń:

Inne DocumentFragment#

Nazwa	Opis
`new DocumentFragment()`	Konstruktor tworzący nowy fragment dokumentu.

Składnia Web IDL#

—
L
K
T'
T
A
O
Z'
Z
#

[Constructor]
interface DocumentFragment # : Node {
};

DocumentFragment implements ParentNode;

Specyfikacje i inne materiały#

DOM Living Standard (WHATWG)

Mozilla Developer Network

Pasek społecznościowy

SPIS TREŚCI AKTUALNEJ STRONY

DocumentFragment (H1) Wstęp (H2) Inne DocumentFragment (H3) Składnia Web IDL (H3) Specyfikacje i inne materiały (H3)