DocumentOrShadowRoot
interface DocumentOrShadowRoot {
activeElement: null | Element;
adoptedStyleSheets: CSSStyleSheet[];
fullscreenElement: null | Element;
pictureInPictureElement: null | Element;
pointerLockElement: null | Element;
styleSheets: StyleSheetList;
elementFromPoint(x: number, y: number): null | Element;
elementsFromPoint(x: number, y: number): Element[];
getAnimations(): Animation[];
}
activeElement: null | Element;
adoptedStyleSheets: CSSStyleSheet[];
fullscreenElement: null | Element;
pictureInPictureElement: null | Element;
pointerLockElement: null | Element;
styleSheets: StyleSheetList;
elementFromPoint(x: number, y: number): null | Element;
elementsFromPoint(x: number, y: number): Element[];
getAnimations(): Animation[];
}
Hierarchy (View Summary)
- DocumentOrShadowRoot
Index
Properties
Methods
Properties
Readonly
active Element
adopted Style Sheets
Readonly
fullscreen Element
Returns document's fullscreen element.
Readonly
picture In Picture Element
Readonly
pointer Lock Element
Readonly
style Sheets
Retrieves a collection of styleSheet objects representing the style sheets that correspond to each instance of a link or style object in the document.
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