ShadowRoot extension type

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.

You can retrieve a reference to an element's shadow root using its Element.shadowRoot property, provided it was created using Element.attachShadow with the mode option set to open.

on
Implemented types
Implementers

Properties

activeElement → Element?
no setter
adoptedStyleSheets ↔ JSArray<CSSStyleSheet>
getter/setter pair
baseURI → String
no setterinherited
childElementCount → int
no setterinherited
childNodes → NodeList
no setterinherited
children → HTMLCollection
no setterinherited
clonable → bool
no setter
delegatesFocus → bool
no setter
firstChild → Node?
no setterinherited
firstElementChild → Element?
no setterinherited
hashCode → int
The hash code for this object.
no setterinherited
host → Element
no setter
innerHTML ↔ String
getter/setter pair
isConnected → bool
no setterinherited
lastChild → Node?
no setterinherited
lastElementChild → Element?
no setterinherited
mode → ShadowRootMode
no setter
nextSibling → Node?
no setterinherited
nodeName → String
no setterinherited
nodeType → int
no setterinherited
nodeValue ↔ String?
getter/setter pairinherited
onslotchange ↔ EventHandler?
getter/setter pair
ownerDocument → Document?
no setterinherited
parentElement → Element?
no setterinherited
parentNode → Node?
no setterinherited
previousSibling → Node?
no setterinherited
runtimeType → Type
A representation of the runtime type of the object.
no setterinherited
slotAssignment → SlotAssignmentMode
no setter
styleSheets → StyleSheetList
no setter
textContent ↔ String?
getter/setter pairinherited

Methods

addEventListener(String type, EventListener? callback, [JSAny options]) → void
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
inherited
append(JSAny nodes) → void
The DocumentFragment.append() method inserts a set of Node objects or string objects after the last child of the document fragment. String objects are inserted as equivalent Text nodes.
inherited
appendChild(Node node) → Node
The appendChild() method of the Node interface adds a node to the end of the list of children of a specified parent node.
inherited
cloneNode([bool deep]) → Node
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 a node is also cloned or not.
inherited
compareDocumentPosition(Node other) → int
The compareDocumentPosition() method of the Node interface reports the position of its argument node relative to the node on which it is called.
inherited
contains(Node? other) → bool
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.
inherited
dispatchEvent(Event event) → bool
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().
inherited
getAnimations() → JSArray<Animation>
The getAnimations() method of the ShadowRoot interface returns an array of all Animation objects currently in effect whose target elements are descendants of the shadow tree. This array includes CSS Animations, CSS Transitions, and Web Animations.
getElementById(String elementId) → Element?
The getElementById() method of the DocumentFragment returns an Element object representing the element whose Element.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.
inherited
getRootNode([GetRootNodeOptions options]) → Node
The getRootNode() method of the Node interface returns the context object's root, which optionally includes the shadow root if it is available.
inherited
hasChildNodes() → bool
The hasChildNodes() method of the Node interface returns a boolean value indicating whether the given Node has child nodes or not.
inherited
insertBefore(Node node, Node? child) → Node
The insertBefore() method of the Node interface inserts a node before a reference node as a child of a specified parent node.
inherited
isDefaultNamespace(String? namespace) → bool
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.
inherited
isEqualNode(Node? otherNode) → bool
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.
inherited
isSameNode(Node? otherNode) → bool
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).
inherited
lookupNamespaceURI(String? prefix) → String?
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).
inherited
lookupPrefix(String? namespace) → String?
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.
inherited
normalize() → void
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.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
prepend(JSAny nodes) → void
The DocumentFragment.prepend() method inserts a set of Node objects or string objects before the first child of the document fragment. String objects are inserted as equivalent Text nodes.
inherited
querySelector(String selectors) → Element?
The DocumentFragment.querySelector() method returns the first element, or null if no matches are found, within the DocumentFragment (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
inherited
querySelectorAll(String selectors) → NodeList
The DocumentFragment.querySelectorAll() method returns a NodeList of elements within the DocumentFragment (using depth-first pre-order traversal of the document's nodes) that matches the specified group of selectors.
inherited
removeChild(Node child) → Node
The removeChild() method of the Node interface removes a child node from the DOM and returns the removed node.
inherited
removeEventListener(String type, EventListener? callback, [JSAny options]) → void
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.
inherited
replaceChild(Node node, Node child) → Node
The replaceChild() method of the Node interface replaces a child node within the given (parent) node.
inherited
replaceChildren(JSAny nodes) → void
The DocumentFragment.replaceChildren() method replaces the existing children of a DocumentFragment with a specified new set of children. These can be string or Node objects.
inherited
setHTMLUnsafe(String html) → void
toString() → String
A string representation of this object.
inherited

Operators

operator ==(Object other) → bool
The equality operator.
inherited