ReadonlyactiveReturns 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.
ReadonlyATTRIBUTE_ReadonlybaseThe read-only baseURI property of the Node interface returns the absolute base URL of the document containing the node.
ReadonlyCDATA_node is a CDATASection node.
ReadonlychildReadonlychildThe read-only childNodes property of the Node interface returns a live the first child node is assigned index 0.
ReadonlychildrenReturns the child elements.
ReadonlyclonableThe clonable read-only property of the ShadowRoot interface returns true if the shadow root is clonable, and false otherwise.
ReadonlyCOMMENT_node is a Comment node.
ReadonlydelegatesThe delegatesFocus read-only property of the ShadowRoot interface returns true if the shadow root delegates focus, and false otherwise.
ReadonlyDOCUMENT_node is a DocumentFragment node.
ReadonlyDOCUMENT_node is a document.
ReadonlyDOCUMENT_Set when other is a descendant of node.
ReadonlyDOCUMENT_Set when other is an ancestor of node.
ReadonlyDOCUMENT_Set when node and other are not in the same tree.
ReadonlyDOCUMENT_Set when other is following node.
ReadonlyDOCUMENT_ReadonlyDOCUMENT_Set when other is preceding node.
ReadonlyDOCUMENT_node is a doctype.
ReadonlyELEMENT_node is an element.
ReadonlyENTITY_ReadonlyENTITY_ReadonlyfirstThe 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.
ReadonlyfirstReturns the first child that is an element, and null otherwise.
ReadonlyfullscreenReturns document's fullscreen element.
ReadonlyhostThe host read-only property of the ShadowRoot returns a reference to the DOM element the ShadowRoot is attached to.
The innerHTML property of the ShadowRoot interface sets gets or sets the HTML markup to the DOM tree inside the ShadowRoot.
ReadonlyisThe read-only isConnected property of the Node interface returns a boolean indicating whether the node is connected (directly or indirectly) to a Document object.
ReadonlylastThe read-only lastChild property of the Node interface returns the last child of the node, or null if there are no child nodes.
ReadonlylastReturns the last child that is an element, and null otherwise.
ReadonlymodeThe mode read-only property of the ShadowRoot specifies its mode — either open or closed.
ReadonlynextThe read-only nextSibling property of the Node interface returns the node immediately following the specified one in their parent's Node.childNodes, or returns null if the specified node is the last child in the parent element.
ReadonlynodeThe read-only nodeName property of Node returns the name of the current node as a string.
ReadonlynodeThe read-only nodeType property of a Node interface is an integer that identifies what the node is.
The nodeValue property of the Node interface returns or sets the value of the current node.
ReadonlyNOTATION_ReadonlyownerThe read-only ownerDocument property of the Node interface returns the top-level document object of the node.
ReadonlyparentThe 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.
ReadonlyparentThe read-only parentNode property of the Node interface returns the parent of the specified node in the DOM tree.
ReadonlypictureReadonlypointerReadonlypreviousThe read-only previousSibling property of the Node interface returns the node immediately preceding the specified one in its parent's or null if the specified node is the first in that list.
ReadonlyPROCESSING_node is a ProcessingInstruction node.
ReadonlyserializableThe serializable read-only property of the ShadowRoot interface returns true if the shadow root is serializable.
ReadonlyslotThe read-only slotAssignment property of the ShadowRoot interface returns the slot assignment mode for the shadow DOM tree.
ReadonlystyleReadonlyTEXT_node is a Text node.
The textContent property of the Node interface represents the text content of the node and its descendants.
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
Optionaloptions: boolean | AddEventListenerOptionsThe addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
Optionaloptions: boolean | AddEventListenerOptionsInserts 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.
The cloneNode() method of the Node interface returns a duplicate of the node on which this method was called.
Optionalsubtree: booleanThe compareDocumentPosition() method of the Node interface reports the position of its argument node relative to the node on which it is called.
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 (Node.childNodes), one of the children's direct children, and so on.
The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.
Returns the first element within node's descendants whose ID is elementId.
The getHTML() method of the ShadowRoot interface is used to serialize a shadow root's DOM to an HTML string.
Optionaloptions: GetHTMLOptionsThe getRootNode() method of the Node interface returns the context object's root, which optionally includes the shadow root if it is available.
Optionaloptions: GetRootNodeOptionsThe hasChildNodes() method of the Node interface returns a boolean value indicating whether the given Node has child nodes or not.
The isDefaultNamespace() method of the Node interface accepts a namespace URI as an argument.
The isEqualNode() method of the Node interface tests whether two nodes are equal.
The isSameNode() method of the Node interface is a legacy alias the for the === strict equality operator.
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).
The lookupPrefix() method of the Node interface returns a string containing the prefix for a given namespace URI, if present, and null if not.
The normalize() method of the Node interface puts the specified node and all of its sub-tree into a normalized form.
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.
Returns the first element that is a descendant of node that matches selectors.
Returns all element descendants of node that match selectors.
The removeEventListener() method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target.
Optionaloptions: boolean | EventListenerOptionsThe removeEventListener() method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target.
Optionaloptions: boolean | EventListenerOptionsReplace 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.
The setHTMLUnsafe() method of the ShadowRoot interface can be used to parse a string of HTML into a DocumentFragment, optionally filtering out unwanted elements and attributes, and then use it to replace the existing tree in the Shadow DOM.
The
ShadowRootinterface 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