js.html.ShadowRoot - API Reference

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:

https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot

Variables

`read onlyhost:Element`

A DOM element to which the ShadowRoot is attatched.

`read onlyolderShadowRoot:ShadowRoot`

`read onlystyleSheets:StyleSheetList`

Methods

`getElementsByClassName (classNames:String):HTMLCollection`

`getElementsByTagName (localName:String):HTMLCollection`

`getElementsByTagNameNS (namespace_:String, localName:String):HTMLCollection`

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 '/'.

`read onlychildNodes:NodeList`

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.

`read onlyfirstChild:Node`

Returns a Node representing the first direct child node of the node, or null if the node has no child.

`read onlylastChild:Node`

Returns a Node representing the last direct child node of the node, or null if the node has no child.

`read onlylocalName:String`

Returns a DOMString representing the local part of the qualified name of an element.

Note: In Firefox 3.5 and earlier, the property upper-cases the local name for HTML elements (but not XHTML elements). In later versions, this does not happen, so the property is in lower case for both HTML and XHTML. 1.9.2

`read onlynamespaceURI:String`

The namespace URI of this node, or null if it is no namespace.

Note: In Firefox 3.5 and earlier, HTML elements are in no namespace. In later versions, HTML elements are in the https://www.w3.org/1999/xhtml/ namespace in both HTML and XML trees. 1.9.2

`read onlynextSibling:Node`

Returns a Node representing the next node in the tree, or null if there isn't such node.

`read onlynodeName:String`

Returns a DOMString containing the name of the Node. The structure of the name will differ with the name 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.

`read onlynodeType:Int`

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`

`nodeValue:String`

Returns / Sets the value of the current node

`read onlyownerDocument:HTMLDocument`

Returns the Document that this node belongs to. If no document is associated with it, returns null.

`read onlyparentElement:Element`

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.

`read onlyparentNode:Node`

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.

`read onlyprefix:String`

Is a DOMString representing the namespace prefix of the node, or null if no prefix is specified.

`read onlypreviousSibling:Node`

Returns a Node representing the previous node in the tree, or null if there isn't such node.

`textContent:String`

Returns / Sets the textual content of an element and all its descendants.

class ShadowRoot

package js.html

extends DocumentFragment › Node › EventTarget

Variables

applyAuthorStyles:Bool

read onlyhost:Element

innerHTML:String

read onlyolderShadowRoot:ShadowRoot

read onlystyleSheets:StyleSheetList

Methods

getElementsByClassName (classNames:String):HTMLCollection

getElementsByTagName (localName:String):HTMLCollection

getElementsByTagNameNS (namespace_:String, localName:String):HTMLCollection

Inherited Variables

Defined by DocumentFragment

read onlychildElementCount:Int

read onlychildren:HTMLCollection

read onlyfirstElementChild:Element

read onlylastElementChild:Element

Defined by Node

read onlybaseURI:String

read onlychildNodes:NodeList

read onlyfirstChild:Node

read onlylastChild:Node

read onlylocalName:String

read onlynamespaceURI:String

read onlynextSibling:Node

read onlynodeName:String

read onlynodeType:Int

nodeValue:String

read onlyownerDocument:HTMLDocument

read onlyparentElement:Element

read onlyparentNode:Node

read onlyprefix:String

read onlypreviousSibling:Node

textContent:String

Inherited Methods

Defined by DocumentFragment

getElementById (elementId:String):Element

querySelector (selectors:String):Element

querySelectorAll (selectors:String):NodeList

Defined by Node

appendChild (node:Node):Node

cloneNode (deep:Bool = false):Node

compareDocumentPosition (other:Node):Int

contains (other:Node):Bool

hasChildNodes ():Bool

insertBefore (node:Node, child:Node):Node

isDefaultNamespace (namespace_:String):Bool

isEqualNode (node:Node):Bool

lookupNamespaceURI (prefix:String):String

lookupPrefix (namespace_:String):String

normalize ():Void

removeChild (child:Node):Node

replaceChild (node:Node, child:Node):Node

Defined by EventTarget

addEventListener (type:String, listener:Function, capture:Bool = false):VoidaddEventListener (type:String, listener:EventListener, capture:Bool = false, ?wantsUntrusted:Bool):Void

dispatchEvent (event:Event):Bool

removeEventListener (type:String, listener:Function, capture:Bool = false):VoidremoveEventListener (type:String, listener:EventListener, capture:Bool = false):Void

`applyAuthorStyles:Bool`

`read onlyhost:Element`

`innerHTML:String`

`read onlyolderShadowRoot:ShadowRoot`

`read onlystyleSheets:StyleSheetList`

`getElementsByClassName (classNames:String):HTMLCollection`

`getElementsByTagName (localName:String):HTMLCollection`

`getElementsByTagNameNS (namespace_:String, localName:String):HTMLCollection`

`read onlychildElementCount:Int`

`read onlychildren:HTMLCollection`

`read onlyfirstElementChild:Element`

`read onlylastElementChild:Element`

`read onlybaseURI:String`

`read onlychildNodes:NodeList`

`read onlyfirstChild:Node`

`read onlylastChild:Node`

`read onlylocalName:String`

`read onlynamespaceURI:String`

`read onlynextSibling:Node`

`read onlynodeName:String`

`read onlynodeType:Int`

`nodeValue:String`

`read onlyownerDocument:HTMLDocument`

`read onlyparentElement:Element`

`read onlyparentNode:Node`

`read onlyprefix:String`

`read onlypreviousSibling:Node`

`textContent:String`

`getElementById (elementId:String):Element`

`querySelector (selectors:String):Element`

`querySelectorAll (selectors:String):NodeList`

`appendChild (node:Node):Node`

`cloneNode (deep:Bool = false):Node`

`compareDocumentPosition (other:Node):Int`

`contains (other:Node):Bool`

`hasChildNodes ():Bool`

`insertBefore (node:Node, child:Node):Node`

`isDefaultNamespace (namespace_:String):Bool`

`isEqualNode (node:Node):Bool`

`lookupNamespaceURI (prefix:String):String`

`lookupPrefix (namespace_:String):String`

`normalize ():Void`

`removeChild (child:Node):Node`

`replaceChild (node:Node, child:Node):Node`

`addEventListener (type:String, listener:Function, capture:Bool = false):Void`
`addEventListener (type:String, listener:EventListener, capture:Bool = false, ?wantsUntrusted:Bool):Void`

`dispatchEvent (event:Event):Bool`

`removeEventListener (type:String, listener:Function, capture:Bool = false):Void`
`removeEventListener (type:String, listener:EventListener, capture:Bool = false):Void`