--- title: "ShadowRoot | JavaScript maps SDK" description: "Documentation for MapTiler SDK" --- > For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL. # Interface ShadowRoot The **`ShadowRoot`** interface of the Shadow DOM API is the root node of a DOM subtree that is rendered separately from a document's main DOM tree. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot) interface ShadowRoot {     [activeElement](#activeelement): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [adoptedStyleSheets](#adoptedstylesheets): [CSSStyleSheet](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CSSStyleSheet/)\[\];     [ATTRIBUTE\_NODE](#attribute_node): 2;     [baseURI](#baseuri): string;     [CDATA\_SECTION\_NODE](#cdata_section_node): 4;     [childElementCount](#childelementcount): number;     [childNodes](#childnodes): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/)\>;     [children](#children): [HTMLCollection](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCollection/);     [clonable](#clonable): boolean;     [COMMENT\_NODE](#comment_node): 8;     [customElementRegistry](#customelementregistry): [CustomElementRegistry](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CustomElementRegistry/) | null;     [delegatesFocus](#delegatesfocus): boolean;     [DOCUMENT\_FRAGMENT\_NODE](#document_fragment_node): 11;     [DOCUMENT\_NODE](#document_node): 9;     [DOCUMENT\_POSITION\_CONTAINED\_BY](#document_position_contained_by): 16;     [DOCUMENT\_POSITION\_CONTAINS](#document_position_contains): 8;     [DOCUMENT\_POSITION\_DISCONNECTED](#document_position_disconnected): 1;     [DOCUMENT\_POSITION\_FOLLOWING](#document_position_following): 4;     [DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC](#document_position_implementation_specific): 32;     [DOCUMENT\_POSITION\_PRECEDING](#document_position_preceding): 2;     [DOCUMENT\_TYPE\_NODE](#document_type_node): 10;     [ELEMENT\_NODE](#element_node): 1;     [ENTITY\_NODE](#entity_node): 6;     [ENTITY\_REFERENCE\_NODE](#entity_reference_node): 5;     [firstChild](#firstchild): [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null;     [firstElementChild](#firstelementchild): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [fullscreenElement](#fullscreenelement): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [host](#host): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/);     [innerHTML](#innerhtml): string;     [isConnected](#isconnected): boolean;     [lastChild](#lastchild): [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null;     [lastElementChild](#lastelementchild): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [mode](#mode): [ShadowRootMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ShadowRootMode/);     [nextSibling](#nextsibling): [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null;     [nodeName](#nodename): string;     [nodeType](#nodetype): number;     [nodeValue](#nodevalue): string | null;     [NOTATION\_NODE](#notation_node): 12;     [onslotchange](#onslotchange): ((this: ShadowRoot, ev: Event) \=> any) | null;     [ownerDocument](#ownerdocument): [Document](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Document/);     [parentElement](#parentelement): [HTMLElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElement/) | null;     [parentNode](#parentnode): [ParentNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ParentNode/) | null;     [pictureInPictureElement](#pictureinpictureelement): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [pointerLockElement](#pointerlockelement): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [previousSibling](#previoussibling): [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null;     [PROCESSING\_INSTRUCTION\_NODE](#processing_instruction_node): 7;     [serializable](#serializable): boolean;     [slotAssignment](#slotassignment): [SlotAssignmentMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.SlotAssignmentMode/);     [styleSheets](#stylesheets): [StyleSheetList](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.StyleSheetList/);     [TEXT\_NODE](#text_node): 3;     get [textContent](#textcontenttextcontent)(): string;     set [textContent](#textcontenttextcontent-1)(value: string | null): void;     [addEventListener](#addeventlistener-1)<[K](#addeventlistenerk) extends "slotchange"\>(         type: [K](#addeventlistenerk),         listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#addeventlistenerk)\]) \=> any,         options?: boolean | AddEventListenerOptions,     ): void;     [addEventListener](#addeventlistener-2)(         type: string,         listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/),         options?: boolean | AddEventListenerOptions,     ): void;     [append](#append-1)(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void;     [appendChild](#appendchild-1)<[T](#appendchildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt);     [cloneNode](#clonenode-1)(subtree?: boolean): [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/);     [compareDocumentPosition](#comparedocumentposition-1)(other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)): number;     [contains](#contains-1)(other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean;     [dispatchEvent](#dispatchevent-1)(event: Event): boolean;     [elementFromPoint](#elementfrompoint-1)(x: number, y: number): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null;     [elementsFromPoint](#elementsfrompoint-1)(x: number, y: number): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\[\];     [getAnimations](#getanimations-1)(): [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)\[\];     [getElementById](#getelementbyid-1)(elementId: string): [HTMLElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElement/) | null;     [getHTML](#gethtml-1)(options?: [GetHTMLOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetHTMLOptions/)): string;     [getRootNode](#getrootnode-1)(options?: [GetRootNodeOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetRootNodeOptions/)): [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/);     [hasChildNodes](#haschildnodes-1)(): boolean;     [insertBefore](#insertbefore-1)<[T](#insertbeforet) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet), child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet);     [isDefaultNamespace](#isdefaultnamespace-1)(namespace: string | null): boolean;     [isEqualNode](#isequalnode-1)(otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean;     [isSameNode](#issamenode-1)(otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean;     [lookupNamespaceURI](#lookupnamespaceuri-1)(prefix: string | null): string | null;     [lookupPrefix](#lookupprefix-1)(namespace: string | null): string | null;     [moveBefore](#movebefore-1)(node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/), child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): void;     [normalize](#normalize-1)(): void;     [prepend](#prepend-1)(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void;     [querySelector](#queryselector-1)<[K](#queryselectork) extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork),     ): [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork)\] | null;     [querySelector](#queryselector-2)<[K](#queryselectork-1) extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1),     ): [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1)\] | null;     [querySelector](#queryselector-3)<[K](#queryselectork-2) extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2),     ): [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2)\] | null;     [querySelector](#queryselector-4)<[K](#queryselectork-3) extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3),     ): [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3)\] | null;     [querySelector](#queryselector-5)<[E](#queryselectore) extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) \= [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\>(selectors: string): [E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectore) | null;     [querySelectorAll](#queryselectorall-1)<[K](#queryselectorallk) extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk),     ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk)\]\>;     [querySelectorAll](#queryselectorall-2)<[K](#queryselectorallk-1) extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1),     ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1)\]\>;     [querySelectorAll](#queryselectorall-3)<[K](#queryselectorallk-2) extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2),     ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2)\]\>;     [querySelectorAll](#queryselectorall-4)<[K](#queryselectorallk-3) extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\>(         selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3),     ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3)\]\>;     [querySelectorAll](#queryselectorall-5)<[E](#queryselectoralle) extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) \= [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\>(         selectors: string,     ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectoralle)\>;     [removeChild](#removechild-1)<[T](#removechildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt);     [removeEventListener](#removeeventlistener-1)<[K](#removeeventlistenerk) extends "slotchange"\>(         type: [K](#removeeventlistenerk),         listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#removeeventlistenerk)\]) \=> any,         options?: boolean | EventListenerOptions,     ): void;     [removeEventListener](#removeeventlistener-2)(         type: string,         listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/),         options?: boolean | EventListenerOptions,     ): void;     [replaceChild](#replacechild-1)<[T](#replacechildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/), child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt);     [replaceChildren](#replacechildren-1)(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void;     [setHTMLUnsafe](#sethtmlunsafe-1)(html: string): void; } #### Hierarchy ([View Summary](https://docs.maptiler.com/sdk-js/api-reference/hierarchy/#Externals.ShadowRoot)) - [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/) - [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/) - ShadowRoot ##### Index ### Properties[](#properties) [activeElement](#activeelement) [adoptedStyleSheets](#adoptedstylesheets) [ATTRIBUTE\_NODE](#attribute_node) [baseURI](#baseuri) [CDATA\_SECTION\_NODE](#cdata_section_node) [childElementCount](#childelementcount) [childNodes](#childnodes) [children](#children) [clonable](#clonable) [COMMENT\_NODE](#comment_node) [customElementRegistry](#customelementregistry) [delegatesFocus](#delegatesfocus) [DOCUMENT\_FRAGMENT\_NODE](#document_fragment_node) [DOCUMENT\_NODE](#document_node) [DOCUMENT\_POSITION\_CONTAINED\_BY](#document_position_contained_by) [DOCUMENT\_POSITION\_CONTAINS](#document_position_contains) [DOCUMENT\_POSITION\_DISCONNECTED](#document_position_disconnected) [DOCUMENT\_POSITION\_FOLLOWING](#document_position_following) [DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC](#document_position_implementation_specific) [DOCUMENT\_POSITION\_PRECEDING](#document_position_preceding) [DOCUMENT\_TYPE\_NODE](#document_type_node) [ELEMENT\_NODE](#element_node) [ENTITY\_NODE](#entity_node) [ENTITY\_REFERENCE\_NODE](#entity_reference_node) [firstChild](#firstchild) [firstElementChild](#firstelementchild) [fullscreenElement](#fullscreenelement) [host](#host) [innerHTML](#innerhtml) [isConnected](#isconnected) [lastChild](#lastchild) [lastElementChild](#lastelementchild) [mode](#mode) [nextSibling](#nextsibling) [nodeName](#nodename) [nodeType](#nodetype) [nodeValue](#nodevalue) [NOTATION\_NODE](#notation_node) [onslotchange](#onslotchange) [ownerDocument](#ownerdocument) [parentElement](#parentelement) [parentNode](#parentnode) [pictureInPictureElement](#pictureinpictureelement) [pointerLockElement](#pointerlockelement) [previousSibling](#previoussibling) [PROCESSING\_INSTRUCTION\_NODE](#processing_instruction_node) [serializable](#serializable) [slotAssignment](#slotassignment) [styleSheets](#stylesheets) [TEXT\_NODE](#text_node) ### Accessors[](#accessors) [textContent](#textcontent) ### Methods[](#methods) [addEventListener](#addeventlistener) [append](#append) [appendChild](#appendchild) [cloneNode](#clonenode) [compareDocumentPosition](#comparedocumentposition) [contains](#contains) [dispatchEvent](#dispatchevent) [elementFromPoint](#elementfrompoint) [elementsFromPoint](#elementsfrompoint) [getAnimations](#getanimations) [getElementById](#getelementbyid) [getHTML](#gethtml) [getRootNode](#getrootnode) [hasChildNodes](#haschildnodes) [insertBefore](#insertbefore) [isDefaultNamespace](#isdefaultnamespace) [isEqualNode](#isequalnode) [isSameNode](#issamenode) [lookupNamespaceURI](#lookupnamespaceuri) [lookupPrefix](#lookupprefix) [moveBefore](#movebefore) [normalize](#normalize) [prepend](#prepend) [querySelector](#queryselector) [querySelectorAll](#queryselectorall) [removeChild](#removechild) [removeEventListener](#removeeventlistener) [replaceChild](#replacechild) [replaceChildren](#replacechildren) [setHTMLUnsafe](#sethtmlunsafe) ## Properties[](#properties-1) ### `Readonly`activeElement[](#activeelement) activeElement: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null Returns the deepest element in the document through which or to which key events are being routed. This is, roughly speaking, the focused element in the document. For the purposes of this API, when a child browsing context is focused, its container is focused in the parent browsing context. For example, if the user moves the focus to a text control in an iframe, the iframe is the element returned by the activeElement API in the iframe's node document. Similarly, when the focused element is in a different node tree than documentOrShadowRoot, the element returned will be the host that's located in the same node tree as documentOrShadowRoot if documentOrShadowRoot is a shadow-including inclusive ancestor of the focused element, and null if not. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/activeElement) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[activeElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#activeelement) ### adoptedStyleSheets[](#adoptedstylesheets) adoptedStyleSheets: [CSSStyleSheet](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CSSStyleSheet/)\[\] [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/adoptedStyleSheets) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[adoptedStyleSheets](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#adoptedstylesheets) ### `Readonly`ATTRIBUTE\_NODE[](#attribute_node) ATTRIBUTE\_NODE: 2 Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[ATTRIBUTE\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#attribute_node) ### `Readonly`baseURI[](#baseuri) baseURI: string The read-only **`baseURI`** property of the Node interface returns the absolute base URL of the document containing the node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/baseURI) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[baseURI](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#baseuri) ### `Readonly`CDATA\_SECTION\_NODE[](#cdata_section_node) CDATA\_SECTION\_NODE: 4 node is a CDATASection node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[CDATA\_SECTION\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#cdata_section_node) ### `Readonly`childElementCount[](#childelementcount) childElementCount: number [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/childElementCount) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[childElementCount](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#childelementcount) ### `Readonly`childNodes[](#childnodes) childNodes: [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/)\> The read-only **`childNodes`** property of the Node interface returns a live NodeList of child nodes of the given element where the first child node is assigned index 0. Child nodes include elements, text and comments. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/childNodes) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[childNodes](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#childnodes) ### `Readonly`children[](#children) children: [HTMLCollection](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCollection/) Returns the child elements. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/children) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[children](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#children) ### `Readonly`clonable[](#clonable) clonable: boolean The **`clonable`** read-only property of the ShadowRoot interface returns true if the shadow root is clonable, and false otherwise. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/clonable) ### `Readonly`COMMENT\_NODE[](#comment_node) COMMENT\_NODE: 8 node is a Comment node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[COMMENT\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#comment_node) ### `Readonly`customElementRegistry[](#customelementregistry) customElementRegistry: [CustomElementRegistry](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.CustomElementRegistry/) | null Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[customElementRegistry](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#customelementregistry) ### `Readonly`delegatesFocus[](#delegatesfocus) delegatesFocus: boolean The **`delegatesFocus`** read-only property of the ShadowRoot interface returns true if the shadow root delegates focus, and false otherwise. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/delegatesFocus) ### `Readonly`DOCUMENT\_FRAGMENT\_NODE[](#document_fragment_node) DOCUMENT\_FRAGMENT\_NODE: 11 node is a DocumentFragment node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_FRAGMENT\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_fragment_node) ### `Readonly`DOCUMENT\_NODE[](#document_node) DOCUMENT\_NODE: 9 node is a document. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_node) ### `Readonly`DOCUMENT\_POSITION\_CONTAINED\_BY[](#document_position_contained_by) DOCUMENT\_POSITION\_CONTAINED\_BY: 16 Set when other is a descendant of node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_CONTAINED\_BY](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_contained_by) ### `Readonly`DOCUMENT\_POSITION\_CONTAINS[](#document_position_contains) DOCUMENT\_POSITION\_CONTAINS: 8 Set when other is an ancestor of node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_CONTAINS](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_contains) ### `Readonly`DOCUMENT\_POSITION\_DISCONNECTED[](#document_position_disconnected) DOCUMENT\_POSITION\_DISCONNECTED: 1 Set when node and other are not in the same tree. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_DISCONNECTED](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_disconnected) ### `Readonly`DOCUMENT\_POSITION\_FOLLOWING[](#document_position_following) DOCUMENT\_POSITION\_FOLLOWING: 4 Set when other is following node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_FOLLOWING](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_following) ### `Readonly`DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC[](#document_position_implementation_specific) DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC: 32 Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_IMPLEMENTATION\_SPECIFIC](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_implementation_specific) ### `Readonly`DOCUMENT\_POSITION\_PRECEDING[](#document_position_preceding) DOCUMENT\_POSITION\_PRECEDING: 2 Set when other is preceding node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_POSITION\_PRECEDING](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_position_preceding) ### `Readonly`DOCUMENT\_TYPE\_NODE[](#document_type_node) DOCUMENT\_TYPE\_NODE: 10 node is a doctype. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[DOCUMENT\_TYPE\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#document_type_node) ### `Readonly`ELEMENT\_NODE[](#element_node) ELEMENT\_NODE: 1 node is an element. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[ELEMENT\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#element_node) ### `Readonly`ENTITY\_NODE[](#entity_node) ENTITY\_NODE: 6 Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[ENTITY\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#entity_node) ### `Readonly`ENTITY\_REFERENCE\_NODE[](#entity_reference_node) ENTITY\_REFERENCE\_NODE: 5 Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[ENTITY\_REFERENCE\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#entity_reference_node) ### `Readonly`firstChild[](#firstchild) firstChild: [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null The read-only **`firstChild`** property of the Node interface returns the node's first child in the tree, or null if the node has no children. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/firstChild) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[firstChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#firstchild) ### `Readonly`firstElementChild[](#firstelementchild) firstElementChild: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null Returns the first child that is an element, and null otherwise. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/firstElementChild) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[firstElementChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#firstelementchild) ### `Readonly`fullscreenElement[](#fullscreenelement) fullscreenElement: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null Returns document's fullscreen element. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/fullscreenElement) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[fullscreenElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#fullscreenelement) ### `Readonly`host[](#host) host: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) The **`host`** read-only property of the ShadowRoot returns a reference to the DOM element the ShadowRoot is attached to. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/host) ### innerHTML[](#innerhtml) innerHTML: string The **`innerHTML`** property of the ShadowRoot interface gets or sets the HTML markup to the DOM tree inside the ShadowRoot. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/innerHTML) ### `Readonly`isConnected[](#isconnected) isConnected: boolean The read-only **`isConnected`** property of the Node interface returns a boolean indicating whether the node is connected (directly or indirectly) to a Document object. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/isConnected) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[isConnected](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#isconnected) ### `Readonly`lastChild[](#lastchild) lastChild: [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null The read-only **`lastChild`** property of the Node interface returns the last child of the node, or null if there are no child nodes. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/lastChild) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[lastChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#lastchild) ### `Readonly`lastElementChild[](#lastelementchild) lastElementChild: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null Returns the last child that is an element, and null otherwise. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/lastElementChild) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[lastElementChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#lastelementchild) ### `Readonly`mode[](#mode) mode: [ShadowRootMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.ShadowRootMode/) The **`mode`** read-only property of the ShadowRoot specifies its mode — either open or closed. This defines whether or not the shadow root's internal features are accessible from JavaScript. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/mode) ### `Readonly`nextSibling[](#nextsibling) nextSibling: [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null The read-only **`nextSibling`** property of the Node interface returns the node immediately following the specified one in their parent's childNodes, or returns null if the specified node is the last child in the parent element. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nextSibling) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[nextSibling](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#nextsibling) ### `Readonly`nodeName[](#nodename) nodeName: string The read-only **`nodeName`** property of Node returns the name of the current node as a string. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nodeName) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[nodeName](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#nodename) ### `Readonly`nodeType[](#nodetype) nodeType: number The read-only **`nodeType`** property of a Node interface is an integer that identifies what the node is. It distinguishes different kinds of nodes from each other, such as elements, text, and comments. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nodeType) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[nodeType](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#nodetype) ### nodeValue[](#nodevalue) nodeValue: string | null The **`nodeValue`** property of the Node interface returns or sets the value of the current node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nodeValue) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[nodeValue](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#nodevalue) ### `Readonly`NOTATION\_NODE[](#notation_node) NOTATION\_NODE: 12 Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[NOTATION\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#notation_node) ### onslotchange[](#onslotchange) onslotchange: ((this: ShadowRoot, ev: Event) \=> any) | null ### `Readonly`ownerDocument[](#ownerdocument) ownerDocument: [Document](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Document/) The read-only **`ownerDocument`** property of the Node interface returns the top-level document object of the node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/ownerDocument) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[ownerDocument](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#ownerdocument) ### `Readonly`parentElement[](#parentelement) parentElement: [HTMLElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElement/) | null The read-only **`parentElement`** property of Node interface returns the DOM node's parent Element, or null if the node either has no parent, or its parent isn't a DOM Element. Node.parentNode on the other hand returns any kind of parent, regardless of its type. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/parentElement) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[parentElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#parentelement) ### `Readonly`parentNode[](#parentnode) parentNode: [ParentNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ParentNode/) | null The read-only **`parentNode`** property of the Node interface returns the parent of the specified node in the DOM tree. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/parentNode) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[parentNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#parentnode) ### `Readonly`pictureInPictureElement[](#pictureinpictureelement) pictureInPictureElement: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/pictureInPictureElement) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[pictureInPictureElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#pictureinpictureelement) ### `Readonly`pointerLockElement[](#pointerlockelement) pointerLockElement: [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/pointerLockElement) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[pointerLockElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#pointerlockelement) ### `Readonly`previousSibling[](#previoussibling) previousSibling: [ChildNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ChildNode/) | null The read-only **`previousSibling`** property of the Node interface returns the node immediately preceding the specified one in its parent's childNodes list, or null if the specified node is the first in that list. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/previousSibling) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[previousSibling](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#previoussibling) ### `Readonly`PROCESSING\_INSTRUCTION\_NODE[](#processing_instruction_node) PROCESSING\_INSTRUCTION\_NODE: 7 node is a ProcessingInstruction node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[PROCESSING\_INSTRUCTION\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#processing_instruction_node) ### `Readonly`serializable[](#serializable) serializable: boolean The **`serializable`** read-only property of the ShadowRoot interface returns true if the shadow root is serializable. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/serializable) ### `Readonly`slotAssignment[](#slotassignment) slotAssignment: [SlotAssignmentMode](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.SlotAssignmentMode/) The read-only **`slotAssignment`** property of the ShadowRoot interface returns the slot assignment mode for the shadow DOM tree. Nodes are either automatically assigned (named) or manually assigned (manual). The value of this property defined using the slotAssignment option when calling Element.attachShadow(). [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/slotAssignment) ### `Readonly`styleSheets[](#stylesheets) styleSheets: [StyleSheetList](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.StyleSheetList/) [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/styleSheets) Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[styleSheets](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#stylesheets) ### `Readonly`TEXT\_NODE[](#text_node) TEXT\_NODE: 3 node is a Text node. Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[TEXT\_NODE](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#text_node) ## Accessors[](#accessors-1) ### textContent[](#textcontent) - get textContent(): string [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/textContent) #### Returns string Inherited from DocumentFragment.textContent - set textContent(value: string | null): void The **`textContent`** property of the Node interface represents the text content of the node and its descendants. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/textContent) #### Parameters - value: string | null #### Returns void Inherited from DocumentFragment.textContent ## Methods[](#methods-1) ### addEventListener[](#addeventlistener) - addEventListener<[K](#addeventlistenerk) extends "slotchange"\>(     type: [K](#addeventlistenerk),     listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#addeventlistenerk)\]) \=> any,     options?: boolean | AddEventListenerOptions, ): void[](#addeventlistener-1) The **`addEventListener()`** method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target. [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener) #### Type Parameters - K extends "slotchange" #### Parameters - type: [K](#addeventlistenerk) - listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#addeventlistenerk)\]) \=> any - `Optional`options: boolean | AddEventListenerOptions #### Returns void Overrides [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[addEventListener](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#addeventlistener) - addEventListener(     type: string,     listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/),     options?: boolean | AddEventListenerOptions, ): void[](#addeventlistener-2) The **`addEventListener()`** method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target. [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/addEventListener) #### Parameters - type: string - listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/) - `Optional`options: boolean | AddEventListenerOptions #### Returns void Overrides DocumentFragment.addEventListener ### append[](#append) - append(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void[](#append-1) Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/append) #### Parameters - ...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\] #### Returns void Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[append](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#append) ### appendChild[](#appendchild) - appendChild<[T](#appendchildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt)[](#appendchild-1) The **`appendChild()`** method of the Node interface adds a node to the end of the list of children of a specified parent node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/appendChild) #### Type Parameters - T extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) #### Parameters - node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt) #### Returns [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#appendchildt) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[appendChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#appendchild) ### cloneNode[](#clonenode) - cloneNode(subtree?: boolean): [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)[](#clonenode-1) The **`cloneNode()`** method of the Node interface returns a duplicate of the node on which this method was called. Its parameter controls if the subtree contained in the node is also cloned or not. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/cloneNode) #### Parameters - `Optional`subtree: boolean #### Returns [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[cloneNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#clonenode) ### compareDocumentPosition[](#comparedocumentposition) - compareDocumentPosition(other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)): number[](#comparedocumentposition-1) The **`compareDocumentPosition()`** method of the Node interface reports the position of its argument node relative to the node on which it is called. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/compareDocumentPosition) #### Parameters - other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) #### Returns number Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[compareDocumentPosition](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#comparedocumentposition) ### contains[](#contains) - contains(other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean[](#contains-1) The **`contains()`** method of the Node interface returns a boolean value indicating whether a node is a descendant of a given node, that is the node itself, one of its direct children (childNodes), one of the children's direct children, and so on. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/contains) #### Parameters - other: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[contains](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#contains) ### dispatchEvent[](#dispatchevent) - dispatchEvent(event: Event): boolean[](#dispatchevent-1) The **`dispatchEvent()`** method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) also apply to events dispatched manually with dispatchEvent(). [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/dispatchEvent) #### Parameters - event: Event #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[dispatchEvent](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#dispatchevent) ### elementFromPoint[](#elementfrompoint) - elementFromPoint(x: number, y: number): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null[](#elementfrompoint-1) #### Parameters - x: number - y: number #### Returns [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) | null Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[elementFromPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#elementfrompoint) ### elementsFromPoint[](#elementsfrompoint) - elementsFromPoint(x: number, y: number): [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\[\][](#elementsfrompoint-1) #### Parameters - x: number - y: number #### Returns [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\[\] Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[elementsFromPoint](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#elementsfrompoint) ### getAnimations[](#getanimations) - getAnimations(): [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)\[\][](#getanimations-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/getAnimations) #### Returns [Animation](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Animation/)\[\] Inherited from [DocumentOrShadowRoot](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/).[getAnimations](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentOrShadowRoot/#getanimations) ### getElementById[](#getelementbyid) - getElementById(elementId: string): [HTMLElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElement/) | null[](#getelementbyid-1) The **`getElementById()`** method of the DocumentFragment returns an Element object representing the element whose id property matches the specified string. Since element IDs are required to be unique if specified, they're a useful way to get access to a specific element quickly. #### Parameters - elementId: string #### Returns [HTMLElement](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElement/) | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[getElementById](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#getelementbyid) ### getHTML[](#gethtml) - getHTML(options?: [GetHTMLOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetHTMLOptions/)): string[](#gethtml-1) The **`getHTML()`** method of the ShadowRoot interface is used to serialize a shadow root's DOM to an HTML string. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/getHTML) #### Parameters - `Optional`options: [GetHTMLOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetHTMLOptions/) #### Returns string ### getRootNode[](#getrootnode) - getRootNode(options?: [GetRootNodeOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetRootNodeOptions/)): [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)[](#getrootnode-1) The **`getRootNode()`** method of the Node interface returns the context object's root, which optionally includes the shadow root if it is available. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/getRootNode) #### Parameters - `Optional`options: [GetRootNodeOptions](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.GetRootNodeOptions/) #### Returns [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[getRootNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#getrootnode) ### hasChildNodes[](#haschildnodes) - hasChildNodes(): boolean[](#haschildnodes-1) The **`hasChildNodes()`** method of the Node interface returns a boolean value indicating whether the given Node has child nodes or not. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/hasChildNodes) #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[hasChildNodes](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#haschildnodes) ### insertBefore[](#insertbefore) - insertBefore<[T](#insertbeforet) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet), child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet)[](#insertbefore-1) The **`insertBefore()`** method of the Node interface inserts a node before a reference node as a child of a specified parent node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/insertBefore) #### Type Parameters - T extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) #### Parameters - node: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet) - child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null #### Returns [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#insertbeforet) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[insertBefore](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#insertbefore) ### isDefaultNamespace[](#isdefaultnamespace) - isDefaultNamespace(namespace: string | null): boolean[](#isdefaultnamespace-1) The **`isDefaultNamespace()`** method of the Node interface accepts a namespace URI as an argument. It returns a boolean value that is true if the namespace is the default namespace on the given node and false if not. The default namespace can be retrieved with Node.lookupNamespaceURI() by passing null as the argument. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/isDefaultNamespace) #### Parameters - namespace: string | null #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[isDefaultNamespace](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#isdefaultnamespace) ### isEqualNode[](#isequalnode) - isEqualNode(otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean[](#isequalnode-1) The **`isEqualNode()`** method of the Node interface tests whether two nodes are equal. Two nodes are equal when they have the same type, defining characteristics (for elements, this would be their ID, number of children, and so forth), its attributes match, and so on. The specific set of data points that must match varies depending on the types of the nodes. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/isEqualNode) #### Parameters - otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[isEqualNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#isequalnode) ### isSameNode[](#issamenode) - isSameNode(otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): boolean[](#issamenode-1) The **`isSameNode()`** method of the Node interface is a legacy alias the for the === strict equality operator. That is, it tests whether two nodes are the same (in other words, whether they reference the same object). [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/isSameNode) #### Parameters - otherNode: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null #### Returns boolean Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[isSameNode](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#issamenode) ### lookupNamespaceURI[](#lookupnamespaceuri) - lookupNamespaceURI(prefix: string | null): string | null[](#lookupnamespaceuri-1) The **`lookupNamespaceURI()`** method of the Node interface takes a prefix as parameter and returns the namespace URI associated with it on the given node if found (and null if not). This method's existence allows Node objects to be passed as a namespace resolver to XPathEvaluator.createExpression() and XPathEvaluator.evaluate(). [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/lookupNamespaceURI) #### Parameters - prefix: string | null #### Returns string | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[lookupNamespaceURI](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#lookupnamespaceuri) ### lookupPrefix[](#lookupprefix) - lookupPrefix(namespace: string | null): string | null[](#lookupprefix-1) The **`lookupPrefix()`** method of the Node interface returns a string containing the prefix for a given namespace URI, if present, and null if not. When multiple prefixes are possible, the first prefix is returned. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/lookupPrefix) #### Parameters - namespace: string | null #### Returns string | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[lookupPrefix](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#lookupprefix) ### moveBefore[](#movebefore) - moveBefore(node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/), child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null): void[](#movebefore-1) [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/moveBefore) #### Parameters - node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) - child: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) | null #### Returns void Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[moveBefore](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#movebefore) ### normalize[](#normalize) - normalize(): void[](#normalize-1) The **`normalize()`** method of the Node interface puts the specified node and all of its sub-tree into a normalized form. In a normalized sub-tree, no text nodes in the sub-tree are empty and there are no adjacent text nodes. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/normalize) #### Returns void Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[normalize](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#normalize) ### prepend[](#prepend) - prepend(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void[](#prepend-1) Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/prepend) #### Parameters - ...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\] #### Returns void Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[prepend](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#prepend) ### querySelector[](#queryselector) - querySelector<[K](#queryselectork) extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork), ): [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork)\] | null[](#queryselector-1) Returns the first element that is a descendant of node that matches selectors. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/querySelector) #### Type Parameters - K extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork) #### Returns [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork)\] | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelector](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselector) - querySelector<[K](#queryselectork-1) extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1), ): [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1)\] | null[](#queryselector-2) #### Type Parameters - K extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1) #### Returns [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-1)\] | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelector](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselector) - querySelector<[K](#queryselectork-2) extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2), ): [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2)\] | null[](#queryselector-3) #### Type Parameters - K extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2) #### Returns [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-2)\] | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelector](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselector) - querySelector<[K](#queryselectork-3) extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3), ): [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3)\] | null[](#queryselector-4) #### Type Parameters - K extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3) #### Returns [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectork-3)\] | null #### Deprecated[](#deprecated) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelector](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselector) - querySelector<[E](#queryselectore) extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) \= [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\>(selectors: string): [E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectore) | null[](#queryselector-5) #### Type Parameters - E extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) = [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) #### Parameters - selectors: string #### Returns [E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectore) | null Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelector](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselector) ### querySelectorAll[](#queryselectorall) - querySelectorAll<[K](#queryselectorallk) extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk), ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk)\]\>[](#queryselectorall-1) Returns all element descendants of node that match selectors. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/querySelectorAll) #### Type Parameters - K extends keyof [HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk) #### Returns [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk)\]\> Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelectorAll](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselectorall) - querySelectorAll<[K](#queryselectorallk-1) extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1), ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1)\]\>[](#queryselectorall-2) #### Type Parameters - K extends keyof [SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1) #### Returns [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[SVGElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.SVGElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-1)\]\> Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelectorAll](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselectorall) - querySelectorAll<[K](#queryselectorallk-2) extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2), ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2)\]\>[](#queryselectorall-3) #### Type Parameters - K extends keyof [MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2) #### Returns [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[MathMLElementTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.MathMLElementTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-2)\]\> Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelectorAll](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselectorall) - querySelectorAll<[K](#queryselectorallk-3) extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\>(     selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3), ): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3)\]\>[](#queryselectorall-4) #### Type Parameters - K extends keyof [HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/) #### Parameters - selectors: [K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3) #### Returns [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[HTMLElementDeprecatedTagNameMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLElementDeprecatedTagNameMap/)\[[K](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectorallk-3)\]\> #### Deprecated[](#deprecated-1) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelectorAll](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselectorall) - querySelectorAll<[E](#queryselectoralle) extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) \= [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/)\>(selectors: string): [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectoralle)\>[](#queryselectorall-5) #### Type Parameters - E extends [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) = [Element](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Element/) #### Parameters - selectors: string #### Returns [NodeListOf](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.NodeListOf/)<[E](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#queryselectoralle)\> Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[querySelectorAll](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#queryselectorall) ### removeChild[](#removechild) - removeChild<[T](#removechildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt)[](#removechild-1) The **`removeChild()`** method of the Node interface removes a child node from the DOM and returns the removed node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/removeChild) #### Type Parameters - T extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) #### Parameters - child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt) #### Returns [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#removechildt) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[removeChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#removechild) ### removeEventListener[](#removeeventlistener) - removeEventListener<[K](#removeeventlistenerk) extends "slotchange"\>(     type: [K](#removeeventlistenerk),     listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#removeeventlistenerk)\]) \=> any,     options?: boolean | EventListenerOptions, ): void[](#removeeventlistener-1) The **`removeEventListener()`** method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target. The event listener to be removed is identified using a combination of the event type, the event listener function itself, and various optional options that may affect the matching process; see Matching event listeners for removal. [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener) #### Type Parameters - K extends "slotchange" #### Parameters - type: [K](#removeeventlistenerk) - listener: (this: ShadowRoot, ev: [ShadowRootEventMap](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.ShadowRootEventMap/)\[[K](#removeeventlistenerk)\]) \=> any - `Optional`options: boolean | EventListenerOptions #### Returns void Overrides [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[removeEventListener](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#removeeventlistener) - removeEventListener(     type: string,     listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/),     options?: boolean | EventListenerOptions, ): void[](#removeeventlistener-2) The **`removeEventListener()`** method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target. The event listener to be removed is identified using a combination of the event type, the event listener function itself, and various optional options that may affect the matching process; see Matching event listeners for removal. [MDN Reference](https://developer.mozilla.org/docs/Web/API/EventTarget/removeEventListener) #### Parameters - type: string - listener: [EventListenerOrEventListenerObject](https://docs.maptiler.com/sdk-js/api-reference/types/Externals.EventListenerOrEventListenerObject/) - `Optional`options: boolean | EventListenerOptions #### Returns void Overrides DocumentFragment.removeEventListener ### replaceChild[](#replacechild) - replaceChild<[T](#replacechildt) extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/)\>(node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/), child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt)): [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt)[](#replacechild-1) The **`replaceChild()`** method of the Node interface replaces a child node within the given (parent) node. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/replaceChild) #### Type Parameters - T extends [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) #### Parameters - node: [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/) - child: [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt) #### Returns [T](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.HTMLCanvasElement/#replacechildt) Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[replaceChild](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#replacechild) ### replaceChildren[](#replacechildren) - replaceChildren(...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\]): void[](#replacechildren-1) Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated. [MDN Reference](https://developer.mozilla.org/docs/Web/API/Document/replaceChildren) #### Parameters - ...nodes: (string | [Node](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.Node/))\[\] #### Returns void Inherited from [DocumentFragment](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/).[replaceChildren](https://docs.maptiler.com/sdk-js/api-reference/interfaces/Externals.DocumentFragment/#replacechildren) ### setHTMLUnsafe[](#sethtmlunsafe) - setHTMLUnsafe(html: string): void[](#sethtmlunsafe-1) The **`setHTMLUnsafe()`** method of the ShadowRoot interface can be used to parse HTML input into a DocumentFragment, optionally filtering out unwanted elements and attributes, and then use it to replace the existing tree in the Shadow DOM. [MDN Reference](https://developer.mozilla.org/docs/Web/API/ShadowRoot/setHTMLUnsafe) #### Parameters - html: string #### Returns void