marker.js 3 Documentation
    Preparing search index...

    Class MarkerView

    MarkerView is the main annotation viewer web component.

    To show dynamic annotation overlays on top of the original image you use MarkerView.

    import { MarkerView } from '@markerjs/markerjs3';

    const markerView = new MarkerView();
    markerView.targetImage = targetImg;
    viewerContainer.appendChild(markerView);

    markerView.show(savedState);

    Hierarchy

    • HTMLElement
      • MarkerView
    Index

    Accessors

    classList defaultFilter part style targetHeight targetImage targetWidth zoomLevel

    Constructors

    constructor

    Methods

    addDefs addEventListener after animate append appendChild attachInternals attachShadow before blur checkVisibility click cloneNode closest compareDocumentPosition computedStyleMap contains dispatchEvent focus getAnimations getAttribute getAttributeNames getAttributeNode getAttributeNodeNS getAttributeNS getBoundingClientRect getClientRects getElementsByClassName getElementsByTagName getElementsByTagNameNS getHTML getRootNode hasAttribute hasAttributeNS hasAttributes hasChildNodes hasPointerCapture hidePopover insertAdjacentElement insertAdjacentHTML insertAdjacentText insertBefore isDefaultNamespace isEqualNode isSameNode lookupNamespaceURI lookupPrefix matches normalize prepend querySelector querySelectorAll registerMarkerType releasePointerCapture remove removeAttribute removeAttributeNode removeAttributeNS removeChild removeEventListener replaceChild replaceChildren replaceWith requestFullscreen requestPointerLock scroll scrollBy scrollIntoView scrollTo setAttribute setAttributeNode setAttributeNodeNS setAttributeNS setHTMLUnsafe setPointerCapture show showPopover toggleAttribute togglePopover webkitMatchesSelector

    Properties

    accessKey accessKeyLabel ariaAtomic ariaAutoComplete ariaBrailleLabel ariaBrailleRoleDescription ariaBusy ariaChecked ariaColCount ariaColIndex ariaColIndexText ariaColSpan ariaCurrent ariaDescription ariaDisabled ariaExpanded ariaHasPopup ariaHidden ariaInvalid ariaKeyShortcuts ariaLabel ariaLevel ariaLive ariaModal ariaMultiLine ariaMultiSelectable ariaOrientation ariaPlaceholder ariaPosInSet ariaPressed ariaReadOnly ariaRelevant ariaRequired ariaRoleDescription ariaRowCount ariaRowIndex ariaRowIndexText ariaRowSpan ariaSelected ariaSetSize ariaSort ariaValueMax ariaValueMin ariaValueNow ariaValueText assignedSlot ATTRIBUTE_NODE attributes attributeStyleMap autocapitalize autofocus baseURI CDATA_SECTION_NODE childElementCount childNodes children className clientHeight clientLeft clientTop clientWidth COMMENT_NODE contentEditable currentCSSZoom dataset dir DOCUMENT_FRAGMENT_NODE DOCUMENT_NODE DOCUMENT_POSITION_CONTAINED_BY DOCUMENT_POSITION_CONTAINS DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC DOCUMENT_POSITION_PRECEDING DOCUMENT_TYPE_NODE draggable ELEMENT_NODE enterKeyHint ENTITY_NODE ENTITY_REFERENCE_NODE firstChild firstElementChild hidden id inert innerHTML innerText inputMode isConnected isContentEditable lang lastChild lastElementChild localName markers markerTypes namespaceURI nextElementSibling nextSibling nodeName nodeType nodeValue nonce? NOTATION_NODE offsetHeight offsetLeft offsetParent offsetTop offsetWidth onabort onanimationcancel onanimationend onanimationiteration onanimationstart onauxclick onbeforeinput onbeforetoggle onblur oncancel oncanplay oncanplaythrough onchange onclick onclose oncontextlost oncontextmenu oncontextrestored oncopy oncuechange oncut ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange onemptied onended onerror onfocus onformdata onfullscreenchange onfullscreenerror ongotpointercapture oninput oninvalid onkeydown onkeypress onkeyup onload onloadeddata onloadedmetadata onloadstart onlostpointercapture onmousedown onmouseenter onmouseleave onmousemove onmouseout onmouseover onmouseup onpaste onpause onplay onplaying onpointercancel onpointerdown onpointerenter onpointerleave onpointermove onpointerout onpointerover onpointerup onprogress onratechange onreset onresize onscroll onscrollend onsecuritypolicyviolation onseeked onseeking onselect onselectionchange onselectstart onslotchange onstalled onsubmit onsuspend ontimeupdate ontoggle ontouchcancel? ontouchend? ontouchmove? ontouchstart? ontransitioncancel ontransitionend ontransitionrun ontransitionstart onvolumechange onwaiting onwebkitanimationend onwebkitanimationiteration onwebkitanimationstart onwebkittransitionend onwheel outerHTML outerText ownerDocument parentElement parentNode popover prefix previousElementSibling previousSibling PROCESSING_INSTRUCTION_NODE role scrollHeight scrollLeft scrollTop scrollWidth shadowRoot slot spellcheck tabIndex tagName TEXT_NODE textContent title translate writingSuggestions

    Accessors

    • get classList(): DOMTokenList

      Allows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.

      MDN Reference

      Returns DOMTokenList

    • set classList(value: string): void

      Parameters

      • value: string

      Returns void

    • get defaultFilter(): undefined | string

      Returns the default SVG filter for the created markers.

      Returns undefined | string

      3.2.0

    • set defaultFilter(value: undefined | string): void

      Sets the default SVG filter for the created markers (e.g. "drop-shadow(2px 2px 2px black)").

      Parameters

      • value: undefined | string

      Returns void

      3.2.0

    • get part(): DOMTokenList

      MDN Reference

      Returns DOMTokenList

    • set part(value: string): void

      Parameters

      • value: string

      Returns void

    • get style(): CSSStyleDeclaration

      MDN Reference

      Returns CSSStyleDeclaration

    • set style(cssText: string): void

      Parameters

      • cssText: string

      Returns void

    • get targetImage(): undefined | HTMLImageElement

      Returns the target image.

      Returns undefined | HTMLImageElement

    • set targetImage(value: undefined | HTMLImageElement): void

      Sets the target image.

      Parameters

      • value: undefined | HTMLImageElement

      Returns void

    Constructors

    Methods

    • Adds "defs" to main canvas SVG. Useful for filters, custom fonts and potentially other scenarios.

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

      3.3.0

    • Type Parameters

      Parameters

      Returns void

    • Type Parameters

      • K extends keyof HTMLElementEventMap

      Parameters

      • type: K
      • listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void
      • Optionaloptions: boolean | AddEventListenerOptions

      Returns void

    • Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • MDN Reference

      Parameters

      • keyframes: null | PropertyIndexedKeyframes | Keyframe[]
      • Optionaloptions: number | KeyframeAnimationOptions

      Returns Animation

    • Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • MDN Reference

      Type Parameters

      • T extends Node

      Parameters

      • node: T

      Returns T

    • MDN Reference

      Returns ElementInternals

    • Creates a shadow root for element and returns it.

      MDN Reference

      Parameters

      • init: ShadowRootInit

      Returns ShadowRoot

    • Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • MDN Reference

      Returns void

    • MDN Reference

      Parameters

      • Optionaloptions: CheckVisibilityOptions

      Returns boolean

    • MDN Reference

      Returns void

    • Returns a copy of node. If deep is true, the copy also includes the node's descendants.

      MDN Reference

      Parameters

      • Optionalsubtree: boolean

      Returns Node

    • Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.

      MDN Reference

      Type Parameters

      • K extends keyof HTMLElementTagNameMap

      Parameters

      • selector: K

      Returns null | HTMLElementTagNameMap[K]

    • Type Parameters

      • K extends keyof SVGElementTagNameMap

      Parameters

      • selector: K

      Returns null | SVGElementTagNameMap[K]

    • Type Parameters

      • K extends keyof MathMLElementTagNameMap

      Parameters

      • selector: K

      Returns null | MathMLElementTagNameMap[K]

    • Type Parameters

      • E extends Element = Element

      Parameters

      • selectors: string

      Returns null | E

    • Returns a bitmask indicating the position of other relative to node.

      MDN Reference

      Parameters

      • other: Node

      Returns number

    • MDN Reference

      Returns StylePropertyMapReadOnly

    • Returns true if other is an inclusive descendant of node, and false otherwise.

      MDN Reference

      Parameters

      • other: null | Node

      Returns boolean

    • Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

      MDN Reference

      Parameters

      • event: Event

      Returns boolean

    • MDN Reference

      Parameters

      • Optionaloptions: FocusOptions

      Returns void

    • MDN Reference

      Parameters

      • Optionaloptions: GetAnimationsOptions

      Returns Animation[]

    • Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns null | string

    • Returns the qualified names of all element's attributes. Can contain duplicates.

      MDN Reference

      Returns string[]

    • MDN Reference

      Parameters

      • qualifiedName: string

      Returns null | Attr

    • MDN Reference

      Parameters

      • namespace: null | string
      • localName: string

      Returns null | Attr

    • Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.

      MDN Reference

      Parameters

      • namespace: null | string
      • localName: string

      Returns null | string

    • MDN Reference

      Returns DOMRect

    • MDN Reference

      Returns DOMRectList

    • Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.

      MDN Reference

      Parameters

      • classNames: string

      Returns HTMLCollectionOf<Element>

    • MDN Reference

      Type Parameters

      • K extends keyof HTMLElementTagNameMap

      Parameters

      • qualifiedName: K

      Returns HTMLCollectionOf<HTMLElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof SVGElementTagNameMap

      Parameters

      • qualifiedName: K

      Returns HTMLCollectionOf<SVGElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof MathMLElementTagNameMap

      Parameters

      • qualifiedName: K

      Returns HTMLCollectionOf<MathMLElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof HTMLElementDeprecatedTagNameMap

      Parameters

      • qualifiedName: K

      Returns HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>

    • Parameters

      • qualifiedName: string

      Returns HTMLCollectionOf<Element>

    • MDN Reference

      Parameters

      • namespaceURI: "http://www.w3.org/1999/xhtml"
      • localName: string

      Returns HTMLCollectionOf<HTMLElement>

    • Parameters

      • namespaceURI: "http://www.w3.org/2000/svg"
      • localName: string

      Returns HTMLCollectionOf<SVGElement>

    • Parameters

      • namespaceURI: "http://www.w3.org/1998/Math/MathML"
      • localName: string

      Returns HTMLCollectionOf<MathMLElement>

    • Parameters

      • namespace: null | string
      • localName: string

      Returns HTMLCollectionOf<Element>

    • MDN Reference

      Parameters

      • Optionaloptions: GetHTMLOptions

      Returns string

    • Returns node's root.

      MDN Reference

      Parameters

      • Optionaloptions: GetRootNodeOptions

      Returns Node

    • Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns boolean

    • Returns true if element has an attribute whose namespace is namespace and local name is localName.

      MDN Reference

      Parameters

      • namespace: null | string
      • localName: string

      Returns boolean

    • Returns true if element has attributes, and false otherwise.

      MDN Reference

      Returns boolean

    • Returns whether node has children.

      MDN Reference

      Returns boolean

    • MDN Reference

      Parameters

      • pointerId: number

      Returns boolean

    • MDN Reference

      Returns void

    • MDN Reference

      Parameters

      • where: InsertPosition
      • element: Element

      Returns null | Element

    • MDN Reference

      Parameters

      • position: InsertPosition
      • string: string

      Returns void

    • MDN Reference

      Parameters

      • where: InsertPosition
      • data: string

      Returns void

    • MDN Reference

      Type Parameters

      • T extends Node

      Parameters

      • node: T
      • child: null | Node

      Returns T

    • MDN Reference

      Parameters

      • namespace: null | string

      Returns boolean

    • Returns whether node and otherNode have the same properties.

      MDN Reference

      Parameters

      • otherNode: null | Node

      Returns boolean

    • MDN Reference

      Parameters

      • otherNode: null | Node

      Returns boolean

    • MDN Reference

      Parameters

      • prefix: null | string

      Returns null | string

    • MDN Reference

      Parameters

      • namespace: null | string

      Returns null | string

    • Returns true if matching selectors against element's root yields element, and false otherwise.

      MDN Reference

      Parameters

      • selectors: string

      Returns boolean

    • Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.

      MDN Reference

      Returns void

    • Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • Returns the first element that is a descendant of node that matches selectors.

      MDN Reference

      Type Parameters

      • K extends keyof HTMLElementTagNameMap

      Parameters

      • selectors: K

      Returns null | HTMLElementTagNameMap[K]

    • Type Parameters

      • K extends keyof SVGElementTagNameMap

      Parameters

      • selectors: K

      Returns null | SVGElementTagNameMap[K]

    • Type Parameters

      • K extends keyof MathMLElementTagNameMap

      Parameters

      • selectors: K

      Returns null | MathMLElementTagNameMap[K]

    • Type Parameters

      • K extends keyof HTMLElementDeprecatedTagNameMap

      Parameters

      • selectors: K

      Returns null | HTMLElementDeprecatedTagNameMap[K]

    • Type Parameters

      • E extends Element = Element

      Parameters

      • selectors: string

      Returns null | E

    • Returns all element descendants of node that match selectors.

      MDN Reference

      Type Parameters

      • K extends keyof HTMLElementTagNameMap

      Parameters

      • selectors: K

      Returns NodeListOf<HTMLElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof SVGElementTagNameMap

      Parameters

      • selectors: K

      Returns NodeListOf<SVGElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof MathMLElementTagNameMap

      Parameters

      • selectors: K

      Returns NodeListOf<MathMLElementTagNameMap[K]>

    • Type Parameters

      • K extends keyof HTMLElementDeprecatedTagNameMap

      Parameters

      • selectors: K

      Returns NodeListOf<HTMLElementDeprecatedTagNameMap[K]>

    • Type Parameters

      • E extends Element = Element

      Parameters

      • selectors: string

      Returns NodeListOf<E>

    • MDN Reference

      Parameters

      • pointerId: number

      Returns void

    • Removes node.

      MDN Reference

      Returns void

    • Removes element's first attribute whose qualified name is qualifiedName.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns void

    • MDN Reference

      Parameters

      • attr: Attr

      Returns Attr

    • Removes element's attribute whose namespace is namespace and local name is localName.

      MDN Reference

      Parameters

      • namespace: null | string
      • localName: string

      Returns void

    • MDN Reference

      Type Parameters

      • T extends Node

      Parameters

      • child: T

      Returns T

    • Type Parameters

      Parameters

      Returns void

    • Type Parameters

      • K extends keyof HTMLElementEventMap

      Parameters

      • type: K
      • listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => void
      • Optionaloptions: boolean | EventListenerOptions

      Returns void

    • MDN Reference

      Type Parameters

      • T extends Node

      Parameters

      • node: Node
      • child: T

      Returns T

    • Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • Replaces node with nodes, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • ...nodes: (string | Node)[]

      Returns void

    • Displays element fullscreen and resolves promise when done.

      When supplied, options's navigationUI member indicates whether showing navigation UI while in fullscreen is preferred or not. If set to "show", navigation simplicity is preferred over screen space, and if set to "hide", more screen space is preferred. User agents are always free to honor user preference over the application's. The default value "auto" indicates no application preference.

      MDN Reference

      Parameters

      • Optionaloptions: FullscreenOptions

      Returns Promise<void>

    • MDN Reference

      Parameters

      • Optionaloptions: PointerLockOptions

      Returns Promise<void>

    • MDN Reference

      Parameters

      • Optionaloptions: ScrollToOptions

      Returns void

    • Parameters

      • x: number
      • y: number

      Returns void

    • MDN Reference

      Parameters

      • Optionaloptions: ScrollToOptions

      Returns void

    • Parameters

      • x: number
      • y: number

      Returns void

    • MDN Reference

      Parameters

      • Optionalarg: boolean | ScrollIntoViewOptions

      Returns void

    • MDN Reference

      Parameters

      • Optionaloptions: ScrollToOptions

      Returns void

    • Parameters

      • x: number
      • y: number

      Returns void

    • Sets the value of element's first attribute whose qualified name is qualifiedName to value.

      MDN Reference

      Parameters

      • qualifiedName: string
      • value: string

      Returns void

    • MDN Reference

      Parameters

      • attr: Attr

      Returns null | Attr

    • MDN Reference

      Parameters

      • attr: Attr

      Returns null | Attr

    • Sets the value of element's attribute whose namespace is namespace and local name is localName to value.

      MDN Reference

      Parameters

      • namespace: null | string
      • qualifiedName: string
      • value: string

      Returns void

    • MDN Reference

      Parameters

      • html: string

      Returns void

    • MDN Reference

      Parameters

      • pointerId: number

      Returns void

    • MDN Reference

      Returns void

    • If force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName.

      Returns true if qualifiedName is now present, and false otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string
      • Optionalforce: boolean

      Returns boolean

    • MDN Reference

      Parameters

      • Optionaloptions: boolean

      Returns boolean

    • Parameters

      • selectors: string

      Returns boolean

      This is a legacy alias of matches.

      MDN Reference

    Properties

    accessKey: string

    MDN Reference

    accessKeyLabel: string

    MDN Reference

    ariaAtomic: null | string

    MDN Reference

    ariaAutoComplete: null | string

    MDN Reference

    ariaBrailleLabel: null | string

    MDN Reference

    ariaBrailleRoleDescription: null | string

    MDN Reference

    ariaBusy: null | string

    MDN Reference

    ariaChecked: null | string

    MDN Reference

    ariaColCount: null | string

    MDN Reference

    ariaColIndex: null | string

    MDN Reference

    ariaColIndexText: null | string

    MDN Reference

    ariaColSpan: null | string

    MDN Reference

    ariaCurrent: null | string

    MDN Reference

    ariaDescription: null | string

    MDN Reference

    ariaDisabled: null | string

    MDN Reference

    ariaExpanded: null | string

    MDN Reference

    ariaHasPopup: null | string

    MDN Reference

    ariaHidden: null | string

    MDN Reference

    ariaInvalid: null | string
    ariaKeyShortcuts: null | string

    MDN Reference

    ariaLabel: null | string

    MDN Reference

    ariaLevel: null | string

    MDN Reference

    ariaLive: null | string

    MDN Reference

    ariaModal: null | string

    MDN Reference

    ariaMultiLine: null | string

    MDN Reference

    ariaMultiSelectable: null | string

    MDN Reference

    ariaOrientation: null | string

    MDN Reference

    ariaPlaceholder: null | string

    MDN Reference

    ariaPosInSet: null | string

    MDN Reference

    ariaPressed: null | string

    MDN Reference

    ariaReadOnly: null | string

    MDN Reference

    ariaRelevant: null | string

    MDN Reference

    ariaRequired: null | string

    MDN Reference

    ariaRoleDescription: null | string

    MDN Reference

    ariaRowCount: null | string

    MDN Reference

    ariaRowIndex: null | string

    MDN Reference

    ariaRowIndexText: null | string

    MDN Reference

    ariaRowSpan: null | string

    MDN Reference

    ariaSelected: null | string

    MDN Reference

    ariaSetSize: null | string

    MDN Reference

    ariaSort: null | string

    MDN Reference

    ariaValueMax: null | string

    MDN Reference

    ariaValueMin: null | string

    MDN Reference

    ariaValueNow: null | string

    MDN Reference

    ariaValueText: null | string

    MDN Reference

    assignedSlot: null | HTMLSlotElement

    MDN Reference

    ATTRIBUTE_NODE: 2
    attributes: NamedNodeMap

    MDN Reference

    attributeStyleMap: StylePropertyMap

    MDN Reference

    autocapitalize: string

    MDN Reference

    autofocus: boolean

    MDN Reference

    baseURI: string

    Returns node's node document's document base URL.

    MDN Reference

    CDATA_SECTION_NODE: 4

    node is a CDATASection node.

    childElementCount: number

    MDN Reference

    childNodes: NodeListOf<ChildNode>

    Returns the children.

    MDN Reference

    children: HTMLCollection

    Returns the child elements.

    MDN Reference

    className: string

    Returns the value of element's class content attribute. Can be set to change it.

    MDN Reference

    clientHeight: number

    MDN Reference

    clientLeft: number

    MDN Reference

    clientTop: number

    MDN Reference

    clientWidth: number

    MDN Reference

    COMMENT_NODE: 8

    node is a Comment node.

    contentEditable: string

    MDN Reference

    currentCSSZoom: number

    MDN Reference

    dataset: DOMStringMap

    MDN Reference

    dir: string

    MDN Reference

    DOCUMENT_FRAGMENT_NODE: 11

    node is a DocumentFragment node.

    DOCUMENT_NODE: 9

    node is a document.

    DOCUMENT_POSITION_CONTAINED_BY: 16

    Set when other is a descendant of node.

    DOCUMENT_POSITION_CONTAINS: 8

    Set when other is an ancestor of node.

    DOCUMENT_POSITION_DISCONNECTED: 1

    Set when node and other are not in the same tree.

    DOCUMENT_POSITION_FOLLOWING: 4

    Set when other is following node.

    DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32
    DOCUMENT_POSITION_PRECEDING: 2

    Set when other is preceding node.

    DOCUMENT_TYPE_NODE: 10

    node is a doctype.

    draggable: boolean

    MDN Reference

    ELEMENT_NODE: 1

    node is an element.

    enterKeyHint: string

    MDN Reference

    ENTITY_NODE: 6
    ENTITY_REFERENCE_NODE: 5
    firstChild: null | ChildNode

    Returns the first child.

    MDN Reference

    firstElementChild: null | Element

    Returns the first child that is an element, and null otherwise.

    MDN Reference

    hidden: boolean

    MDN Reference

    id: string

    Returns the value of element's id content attribute. Can be set to change it.

    MDN Reference

    inert: boolean

    MDN Reference

    innerHTML: string

    MDN Reference

    innerText: string

    MDN Reference

    inputMode: string

    MDN Reference

    isConnected: boolean

    Returns true if node is connected and false otherwise.

    MDN Reference

    isContentEditable: boolean

    MDN Reference

    lang: string

    MDN Reference

    lastChild: null | ChildNode

    Returns the last child.

    MDN Reference

    lastElementChild: null | Element

    Returns the last child that is an element, and null otherwise.

    MDN Reference

    localName: string

    Returns the local name.

    MDN Reference

    markers: MarkerBase[] = []

    Collection of markers currently displayed on the viewer.

    markerTypes: typeof MarkerBase[] = []

    Marker types available for the viewer.

    namespaceURI: null | string

    Returns the namespace.

    MDN Reference

    nextElementSibling: null | Element

    Returns the first following sibling that is an element, and null otherwise.

    MDN Reference

    nextSibling: null | ChildNode

    Returns the next sibling.

    MDN Reference

    nodeName: string

    Returns a string appropriate for the type of node.

    MDN Reference

    nodeType: number

    Returns the type of node.

    MDN Reference

    nodeValue: null | string

    MDN Reference

    nonce?: string

    MDN Reference

    NOTATION_NODE: 12
    offsetHeight: number

    MDN Reference

    offsetLeft: number

    MDN Reference

    offsetParent: null | Element

    MDN Reference

    offsetTop: number

    MDN Reference

    offsetWidth: number

    MDN Reference

    onabort: null | ((this: GlobalEventHandlers, ev: UIEvent) => any)

    Fires when the user aborts the download.

    The event.

    MDN Reference

    onanimationcancel:
        | null
        | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationend: null | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationiteration:
        | null
        | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationstart:
        | null
        | ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onauxclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onbeforeinput: null | ((this: GlobalEventHandlers, ev: InputEvent) => any)

    MDN Reference

    onbeforetoggle: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onblur: null | ((this: GlobalEventHandlers, ev: FocusEvent) => any)

    Fires when the object loses the input focus.

    The focus event.

    MDN Reference

    oncancel: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncanplay: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback is possible, but would require further buffering.

    The event.

    MDN Reference

    oncanplaythrough: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onchange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the contents of the object or selection have changed.

    The event.

    MDN Reference

    onclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the left mouse button on the object

    The mouse event.

    MDN Reference

    onclose: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncontextlost: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncontextmenu: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the right mouse button in the client area, opening the context menu.

    The mouse event.

    MDN Reference

    oncontextrestored: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncopy: null | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    oncuechange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncut: null | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    ondblclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user double-clicks the object.

    The mouse event.

    MDN Reference

    ondrag: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object continuously during a drag operation.

    The event.

    MDN Reference

    ondragend: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object when the user releases the mouse at the close of a drag operation.

    The event.

    MDN Reference

    ondragenter: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target element when the user drags the object to a valid drop target.

    The drag event.

    MDN Reference

    ondragleave: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.

    The drag event.

    MDN Reference

    ondragover: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target element continuously while the user drags the object over a valid drop target.

    The event.

    MDN Reference

    ondragstart: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object when the user starts to drag a text selection or selected object.

    The event.

    MDN Reference

    ondrop: null | ((this: GlobalEventHandlers, ev: DragEvent) => any)

    MDN Reference

    ondurationchange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the duration attribute is updated.

    The event.

    MDN Reference

    onemptied: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the media element is reset to its initial state.

    The event.

    MDN Reference

    onended: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the end of playback is reached.

    The event

    MDN Reference

    onerror: OnErrorEventHandler

    Fires when an error occurs during object loading.

    The event.

    MDN Reference

    onfocus: null | ((this: GlobalEventHandlers, ev: FocusEvent) => any)

    Fires when the object receives focus.

    The event.

    MDN Reference

    onformdata: null | ((this: GlobalEventHandlers, ev: FormDataEvent) => any)

    MDN Reference

    onfullscreenchange: null | ((this: Element, ev: Event) => any)

    MDN Reference

    onfullscreenerror: null | ((this: Element, ev: Event) => any)

    MDN Reference

    ongotpointercapture:
        | null
        | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    oninput: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oninvalid: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onkeydown: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user presses a key.

    The keyboard event

    MDN Reference

    onkeypress: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user presses an alphanumeric key.

    The event.

    MDN Reference

    onkeyup: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user releases a key.

    The keyboard event

    MDN Reference

    onload: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Fires immediately after the browser loads the object.

    The event.

    MDN Reference

    onloadeddata: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when media data is loaded at the current playback position.

    The event.

    MDN Reference

    onloadedmetadata: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the duration and dimensions of the media have been determined.

    The event.

    MDN Reference

    onloadstart: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when Internet Explorer begins looking for media data.

    The event.

    MDN Reference

    onlostpointercapture:
        | null
        | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onmousedown: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the object with either mouse button.

    The mouse event.

    MDN Reference

    onmouseenter: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onmouseleave: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onmousemove: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse over the object.

    The mouse event.

    MDN Reference

    onmouseout: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse pointer outside the boundaries of the object.

    The mouse event.

    MDN Reference

    onmouseover: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse pointer into the object.

    The mouse event.

    MDN Reference

    onmouseup: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user releases a mouse button while the mouse is over the object.

    The mouse event.

    MDN Reference

    onpaste: null | ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    onpause: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback is paused.

    The event.

    MDN Reference

    onplay: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the play method is requested.

    The event.

    MDN Reference

    onplaying: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the audio or video has started playing.

    The event.

    MDN Reference

    onpointercancel: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerdown: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerenter: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerleave: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointermove: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerout: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerover: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerup: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onprogress: null | ((this: GlobalEventHandlers, ev: ProgressEvent) => any)

    Occurs to indicate progress while downloading media data.

    The event.

    MDN Reference

    onratechange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the playback rate is increased or decreased.

    The event.

    MDN Reference

    onreset: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the user resets a form.

    The event.

    MDN Reference

    onresize: null | ((this: GlobalEventHandlers, ev: UIEvent) => any)

    MDN Reference

    onscroll: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the user repositions the scroll box in the scroll bar on the object.

    The event.

    MDN Reference

    onscrollend: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onsecuritypolicyviolation:
        | null
        | ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any)

    MDN Reference

    onseeked: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the seek operation ends.

    The event.

    MDN Reference

    onseeking: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the current playback position is moved.

    The event.

    MDN Reference

    onselect: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the current selection changes.

    The event.

    MDN Reference

    onselectionchange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onselectstart: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onslotchange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onstalled: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the download has stopped.

    The event.

    MDN Reference

    onsubmit: null | ((this: GlobalEventHandlers, ev: SubmitEvent) => any)

    MDN Reference

    onsuspend: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs if the load operation has been intentionally halted.

    The event.

    MDN Reference

    ontimeupdate: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs to indicate the current playback position.

    The event.

    MDN Reference

    ontoggle: null | ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    ontouchcancel?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    ontouchend?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    ontouchmove?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    ontouchstart?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    ontransitioncancel:
        | null
        | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionend:
        | null
        | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionrun:
        | null
        | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionstart:
        | null
        | ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    onvolumechange: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the volume is changed, or playback is muted or unmuted.

    The event.

    MDN Reference

    onwaiting: null | ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback stops because the next frame of a video resource is not available.

    The event.

    MDN Reference

    onwebkitanimationend: null | ((this: GlobalEventHandlers, ev: Event) => any)

    This is a legacy alias of onanimationend.

    MDN Reference

    onwebkitanimationiteration:
        | null
        | ((this: GlobalEventHandlers, ev: Event) => any)

    This is a legacy alias of onanimationiteration.

    MDN Reference

    onwebkitanimationstart: null | ((this: GlobalEventHandlers, ev: Event) => any)

    This is a legacy alias of onanimationstart.

    MDN Reference

    onwebkittransitionend: null | ((this: GlobalEventHandlers, ev: Event) => any)

    This is a legacy alias of ontransitionend.

    MDN Reference

    onwheel: null | ((this: GlobalEventHandlers, ev: WheelEvent) => any)

    MDN Reference

    outerHTML: string

    MDN Reference

    outerText: string

    MDN Reference

    ownerDocument: Document

    Returns the node document. Returns null for documents.

    MDN Reference

    parentElement: null | HTMLElement

    Returns the parent element.

    MDN Reference

    parentNode: null | ParentNode

    Returns the parent.

    MDN Reference

    popover: null | string

    MDN Reference

    prefix: null | string

    Returns the namespace prefix.

    MDN Reference

    previousElementSibling: null | Element

    Returns the first preceding sibling that is an element, and null otherwise.

    MDN Reference

    previousSibling: null | ChildNode

    Returns the previous sibling.

    MDN Reference

    PROCESSING_INSTRUCTION_NODE: 7

    node is a ProcessingInstruction node.

    role: null | string
    scrollHeight: number

    MDN Reference

    scrollLeft: number

    MDN Reference

    scrollTop: number

    MDN Reference

    scrollWidth: number

    MDN Reference

    shadowRoot: null | ShadowRoot

    Returns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.

    MDN Reference

    slot: string

    Returns the value of element's slot content attribute. Can be set to change it.

    MDN Reference

    spellcheck: boolean

    MDN Reference

    tabIndex: number

    MDN Reference

    tagName: string

    Returns the HTML-uppercased qualified name.

    MDN Reference

    ReadonlyTEXT_NODE

    TEXT_NODE: 3

    node is a Text node.

    textContent: null | string

    MDN Reference

    title: string

    MDN Reference

    translate: boolean

    MDN Reference

    writingSuggestions: string

    MDN Reference

    Settings

    Member Visibility

    On This Page

    Accessors
    Constructors
    Methods
    addDefsaddEventListenerafteranimateappendappendChildattachInternalsattachShadowbeforeblurcheckVisibilityclickcloneNodeclosestcompareDocumentPositioncomputedStyleMapcontainsdispatchEventfocusgetAnimationsgetAttributegetAttributeNamesgetAttributeNodegetAttributeNodeNSgetAttributeNSgetBoundingClientRectgetClientRectsgetElementsByClassNamegetElementsByTagNamegetElementsByTagNameNSgetHTMLgetRootNodehasAttributehasAttributeNShasAttributeshasChildNodeshasPointerCapturehidePopoverinsertAdjacentElementinsertAdjacentHTMLinsertAdjacentTextinsertBeforeisDefaultNamespaceisEqualNodeisSameNodelookupNamespaceURIlookupPrefixmatchesnormalizeprependquerySelectorquerySelectorAllregisterMarkerTypereleasePointerCaptureremoveremoveAttributeremoveAttributeNoderemoveAttributeNSremoveChildremoveEventListenerreplaceChildreplaceChildrenreplaceWithrequestFullscreenrequestPointerLockscrollscrollByscrollIntoViewscrollTosetAttributesetAttributeNodesetAttributeNodeNSsetAttributeNSsetHTMLUnsafesetPointerCaptureshowshowPopovertoggleAttributetogglePopoverwebkitMatchesSelector
    Properties
    accessKeyaccessKeyLabelariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexTextariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaInvalidariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRelevantariaRequiredariaRoleDescriptionariaRowCountariaRowIndexariaRowIndexTextariaRowSpanariaSelectedariaSetSizeariaSortariaValueMaxariaValueMinariaValueNowariaValueTextassignedSlotATTRIBUTE_NODEattributesattributeStyleMapautocapitalizeautofocusbaseURICDATA_SECTION_NODEchildElementCountchildNodeschildrenclassNameclientHeightclientLeftclientTopclientWidthCOMMENT_NODEcontentEditablecurrentCSSZoomdatasetdirDOCUMENT_FRAGMENT_NODEDOCUMENT_NODEDOCUMENT_POSITION_CONTAINED_BYDOCUMENT_POSITION_CONTAINSDOCUMENT_POSITION_DISCONNECTEDDOCUMENT_POSITION_FOLLOWINGDOCUMENT_POSITION_IMPLEMENTATION_SPECIFICDOCUMENT_POSITION_PRECEDINGDOCUMENT_TYPE_NODEdraggableELEMENT_NODEenterKeyHintENTITY_NODEENTITY_REFERENCE_NODEfirstChildfirstElementChildhiddenidinertinnerHTMLinnerTextinputModeisConnectedisContentEditablelanglastChildlastElementChildlocalNamemarkersmarkerTypesnamespaceURInextElementSiblingnextSiblingnodeNamenodeTypenodeValuenonceNOTATION_NODEoffsetHeightoffsetLeftoffsetParentoffsetTopoffsetWidthonabortonanimationcancelonanimationendonanimationiterationonanimationstartonauxclickonbeforeinputonbeforetoggleonbluroncanceloncanplayoncanplaythroughonchangeonclickoncloseoncontextlostoncontextmenuoncontextrestoredoncopyoncuechangeoncutondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonendedonerroronfocusonformdataonfullscreenchangeonfullscreenerrorongotpointercaptureoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonlostpointercaptureonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponpasteonpauseonplayonplayingonpointercancelonpointerdownonpointerenteronpointerleaveonpointermoveonpointeroutonpointeroveronpointeruponprogressonratechangeonresetonresizeonscrollonscrollendonsecuritypolicyviolationonseekedonseekingonselectonselectionchangeonselectstartonslotchangeonstalledonsubmitonsuspendontimeupdateontoggleontouchcancelontouchendontouchmoveontouchstartontransitioncancelontransitionendontransitionrunontransitionstartonvolumechangeonwaitingonwebkitanimationendonwebkitanimationiterationonwebkitanimationstartonwebkittransitionendonwheelouterHTMLouterTextownerDocumentparentElementparentNodepopoverprefixpreviousElementSiblingpreviousSiblingPROCESSING_INSTRUCTION_NODErolescrollHeightscrollLeftscrollTopscrollWidthshadowRootslotspellchecktabIndextagNameTEXT_NODEtextContenttitletranslatewritingSuggestions