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[];
}

Hierarchy (View Summary)

Properties

activeElement: null | Element

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

adoptedStyleSheets: CSSStyleSheet[]
fullscreenElement: null | Element

Returns document's fullscreen element.

MDN Reference

pictureInPictureElement: null | Element
pointerLockElement: null | Element
styleSheets: StyleSheetList

Retrieves a collection of styleSheet objects representing the style sheets that correspond to each instance of a link or style object in the document.

MDN Reference

Methods

  • Returns the element for the specified x coordinate and the specified y coordinate.

    Parameters

    • x: number

      The x-offset

    • y: number

      The y-offset

    Returns null | Element

  • Parameters

    • x: number
    • y: number

    Returns Element[]