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.
Documentation ShadowRoot by Mozilla Contributors, licensed under CC-BY-SA 2.5.
See also:
Variables
Returns a reference to the DOM element the ShadowRoot
is attached to.
Sets or returns a reference to the DOM tree inside the ShadowRoot
.
The mode of the ShadowRoot
— either open
or closed
. This defines whether or not the shadow root's internal features are accessible from JavaScript.
Methods
Inherited Variables
Defined by Node
Returns a DOMString
representing the base URL. The concept of base URL changes from one language to another; in HTML, it corresponds to the protocol, the domain name and the directory structure, that is all until the last '/'
.
Returns a live NodeList
containing all the children of this node. NodeList
being live means that if the children of the Node
change, the NodeList
object is automatically updated.
Returns a Node
representing the first direct child node of the node, or null
if the node has no child.
Returns a boolean indicating whether or not the Node is connected (directly or indirectly) to the context object, e.g. the Document
object in the case of the normal DOM, or the ShadowRoot
in the case of a shadow DOM.
Returns a Node
representing the last direct child node of the node, or null
if the node has no child.
Returns a Node
representing the next node in the tree, or null
if there isn't such node.
Returns a DOMString
containing the name of the Node
. The structure of the name will differ with the node type. E.g. An HTMLElement
will contain the name of the corresponding tag, like 'audio'
for an HTMLAudioElement
, a Text
node will have the '#text'
string, or a Document
node will have the '#document'
string.
Returns an unsigned short
representing the type of the node. Possible values are:
Name
Value
ELEMENT_NODE |
1 |
ATTRIBUTE_NODE (deprecated) |
2 |
TEXT_NODE |
3 |
CDATA_SECTION_NODE (deprecated) |
4 |
ENTITY_REFERENCE_NODE (deprecated) |
5 |
ENTITY_NODE (deprecated) |
6 |
PROCESSING_INSTRUCTION_NODE |
7 |
COMMENT_NODE |
8 |
DOCUMENT_NODE |
9 |
DOCUMENT_TYPE_NODE |
10 |
DOCUMENT_FRAGMENT_NODE |
11 |
NOTATION_NODE (deprecated) |
12 |
Returns / Sets the value of the current node
Returns the Document
that this node belongs to. If the node is itself a document, returns null
.
Returns an Element
that is the parent of this node. If the node has no parent, or if that parent is not an Element
, this property returns null
.
Returns a Node
that is the parent of this node. If there is no such node, like if this node is the top of the tree or if doesn't participate in a tree, this property returns null
.
Returns a Node
representing the previous node in the tree, or null
if there isn't such node.
Returns / Sets the textual content of an element and all its descendants.
Inherited Methods
Returns the first Element
node within the DocumentFragment
, in document order, that matches the specified selectors.
Throws:
Defined by Node
Adds the specified childNode argument as the last child to the current node.
If the argument referenced an existing node on the DOM tree, the node will be detached from its current position and attached at the new position.
@throws DOMError
@:value({ deep : false })cloneNode(deep:Bool = false):Node
Clone a Node
, and optionally, all of its contents. By default, it clones the content of the node.
Throws:
Compares the position of the current node against another node in any other document.
Returns a Boolean
value indicating whether a node is a descendant of a given node or not.
Returns the context object's root which optionally includes the shadow root if it is available.
Returns a Boolean
indicating if the element has any child nodes, or not.
Inserts a Node
before the reference node as a child of a specified parent node.
Throws:
Accepts a namespace URI as an argument and returns a Boolean
with a value of true
if the namespace is the default namespace on the given node or false
if not.
Returns a Boolean
which indicates whether or not two nodes are of the same type and all their defining data points match.
Returns a Boolean
value indicating whether or not the two nodes are the same (that is, they reference the same object).
Accepts a prefix and returns the namespace URI associated with it on the given node if found (and null
if not). Supplying null
for the prefix will return the default namespace.
Returns a DOMString
containing the prefix for a given namespace URI, if present, and null
if not. When multiple prefixes are possible, the result is implementation-dependent.
Clean up all the text nodes under this element (merge adjacent, remove empty).
Removes a child node from the current element, which must be a child of the current node.
Throws:
Replaces one child Node
of the current one with the second one given in parameter.
Throws:
Register an event handler of a specific event type on the EventTarget
.
Throws: