Interface HTMLCanvasElement

    Any HTML element. Some elements directly implement this interface, while others implement it via an interface that inherits it.

    MDN Reference

    interface HTMLCanvasElement {
        accessKey: string;
        accessKeyLabel: string;
        ariaAtomic: string;
        ariaAutoComplete: string;
        ariaBrailleLabel: string;
        ariaBrailleRoleDescription: string;
        ariaBusy: string;
        ariaChecked: string;
        ariaColCount: string;
        ariaColIndex: string;
        ariaColIndexText: string;
        ariaColSpan: string;
        ariaCurrent: string;
        ariaDescription: string;
        ariaDisabled: string;
        ariaExpanded: string;
        ariaHasPopup: string;
        ariaHidden: string;
        ariaInvalid: string;
        ariaKeyShortcuts: string;
        ariaLabel: string;
        ariaLevel: string;
        ariaLive: string;
        ariaModal: string;
        ariaMultiLine: string;
        ariaMultiSelectable: string;
        ariaOrientation: string;
        ariaPlaceholder: string;
        ariaPosInSet: string;
        ariaPressed: string;
        ariaReadOnly: string;
        ariaRequired: string;
        ariaRoleDescription: string;
        ariaRowCount: string;
        ariaRowIndex: string;
        ariaRowIndexText: string;
        ariaRowSpan: string;
        ariaSelected: string;
        ariaSetSize: string;
        ariaSort: string;
        ariaValueMax: string;
        ariaValueMin: string;
        ariaValueNow: string;
        ariaValueText: string;
        assignedSlot: HTMLSlotElement;
        ATTRIBUTE_NODE: 2;
        attributes: NamedNodeMap;
        attributeStyleMap: StylePropertyMap;
        autocapitalize: string;
        autofocus: boolean;
        baseURI: string;
        CDATA_SECTION_NODE: 4;
        childElementCount: number;
        childNodes: NodeListOf<ChildNode>;
        children: HTMLCollection;
        classList: DOMTokenList;
        className: string;
        clientHeight: number;
        clientLeft: number;
        clientTop: number;
        clientWidth: number;
        COMMENT_NODE: 8;
        contentEditable: string;
        currentCSSZoom: number;
        dataset: DOMStringMap;
        dir: string;
        DOCUMENT_FRAGMENT_NODE: 11;
        DOCUMENT_NODE: 9;
        DOCUMENT_POSITION_CONTAINED_BY: 16;
        DOCUMENT_POSITION_CONTAINS: 8;
        DOCUMENT_POSITION_DISCONNECTED: 1;
        DOCUMENT_POSITION_FOLLOWING: 4;
        DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
        DOCUMENT_POSITION_PRECEDING: 2;
        DOCUMENT_TYPE_NODE: 10;
        draggable: boolean;
        ELEMENT_NODE: 1;
        enterKeyHint: string;
        ENTITY_NODE: 6;
        ENTITY_REFERENCE_NODE: 5;
        firstChild: ChildNode;
        firstElementChild: Element;
        height: number;
        hidden: boolean;
        id: string;
        inert: boolean;
        innerHTML: string;
        innerText: string;
        inputMode: string;
        isConnected: boolean;
        isContentEditable: boolean;
        lang: string;
        lastChild: ChildNode;
        lastElementChild: Element;
        localName: string;
        namespaceURI: string;
        nextElementSibling: Element;
        nextSibling: ChildNode;
        nodeName: string;
        nodeType: number;
        nodeValue: string;
        nonce?: string;
        NOTATION_NODE: 12;
        offsetHeight: number;
        offsetLeft: number;
        offsetParent: Element;
        offsetTop: number;
        offsetWidth: number;
        onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
        onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
        onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
        onanimationiteration: (
            this: GlobalEventHandlers,
            ev: AnimationEvent,
        ) => any;
        onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
        onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onbeforeinput: (this: GlobalEventHandlers, ev: InputEvent) => any;
        onbeforetoggle: (this: GlobalEventHandlers, ev: Event) => any;
        onbeforexrselect: (this: GlobalEventHandlers, ev: XRSessionEvent) => any;
        onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any;
        oncancel: (this: GlobalEventHandlers, ev: Event) => any;
        oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
        oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
        onchange: (this: GlobalEventHandlers, ev: Event) => any;
        onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onclose: (this: GlobalEventHandlers, ev: Event) => any;
        oncontextlost: (this: GlobalEventHandlers, ev: Event) => any;
        oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        oncontextrestored: (this: GlobalEventHandlers, ev: Event) => any;
        oncopy: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
        oncuechange: (this: GlobalEventHandlers, ev: Event) => any;
        oncut: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
        ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any;
        ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
        onemptied: (this: GlobalEventHandlers, ev: Event) => any;
        onended: (this: GlobalEventHandlers, ev: Event) => any;
        onerror: OnErrorEventHandlerNonNull;
        onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
        onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
        onfullscreenchange: (this: Element, ev: Event) => any;
        onfullscreenerror: (this: Element, ev: Event) => any;
        ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        oninput: (this: GlobalEventHandlers, ev: Event) => any;
        oninvalid: (this: GlobalEventHandlers, ev: Event) => any;
        onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
        onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
        onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
        onload: (this: GlobalEventHandlers, ev: Event) => any;
        onloadeddata: (this: GlobalEventHandlers, ev: Event) => any;
        onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any;
        onloadstart: (this: GlobalEventHandlers, ev: Event) => any;
        onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any;
        onpaste: (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
        onpause: (this: GlobalEventHandlers, ev: Event) => any;
        onplay: (this: GlobalEventHandlers, ev: Event) => any;
        onplaying: (this: GlobalEventHandlers, ev: Event) => any;
        onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any;
        onprogress: (this: GlobalEventHandlers, ev: ProgressEvent) => any;
        onratechange: (this: GlobalEventHandlers, ev: Event) => any;
        onreset: (this: GlobalEventHandlers, ev: Event) => any;
        onresize: (this: GlobalEventHandlers, ev: UIEvent) => any;
        onscroll: (this: GlobalEventHandlers, ev: Event) => any;
        onscrollend: (this: GlobalEventHandlers, ev: Event) => any;
        onsecuritypolicyviolation: (
            this: GlobalEventHandlers,
            ev: SecurityPolicyViolationEvent,
        ) => any;
        onseeked: (this: GlobalEventHandlers, ev: Event) => any;
        onseeking: (this: GlobalEventHandlers, ev: Event) => any;
        onselect: (this: GlobalEventHandlers, ev: Event) => any;
        onselectionchange: (this: GlobalEventHandlers, ev: Event) => any;
        onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
        onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
        onstalled: (this: GlobalEventHandlers, ev: Event) => any;
        onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
        onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
        ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
        ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
        ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
        ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
        ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
        ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
        ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
        ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
        ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
        ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
        onvolumechange: (this: GlobalEventHandlers, ev: Event) => any;
        onwaiting: (this: GlobalEventHandlers, ev: Event) => any;
        onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any;
        onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any;
        onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any;
        onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any;
        onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
        outerHTML: string;
        outerText: string;
        ownerDocument: Document;
        parentElement: HTMLElement;
        parentNode: ParentNode;
        part: DOMTokenList;
        popover: string;
        prefix: string;
        previousElementSibling: Element;
        previousSibling: ChildNode;
        PROCESSING_INSTRUCTION_NODE: 7;
        role: string;
        scrollHeight: number;
        scrollLeft: number;
        scrollTop: number;
        scrollWidth: number;
        shadowRoot: ShadowRoot;
        slot: string;
        spellcheck: boolean;
        style: CSSStyleDeclaration;
        tabIndex: number;
        tagName: string;
        TEXT_NODE: 3;
        textContent: string;
        title: string;
        translate: boolean;
        width: number;
        writingSuggestions: string;
        addEventListener<K extends keyof HTMLElementEventMap>(
            type: K,
            listener: (this: HTMLCanvasElement, ev: HTMLElementEventMap[K]) => any,
            options?: boolean | AddEventListenerOptions,
        ): void;
        addEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | AddEventListenerOptions,
        ): void;
        after(...nodes: (string | Node)[]): void;
        animate(
            keyframes: PropertyIndexedKeyframes | Keyframe[],
            options?: number | KeyframeAnimationOptions,
        ): Animation;
        append(...nodes: (string | Node)[]): void;
        appendChild<T extends Node>(node: T): T;
        attachInternals(): ElementInternals;
        attachShadow(init: ShadowRootInit): ShadowRoot;
        before(...nodes: (string | Node)[]): void;
        blur(): void;
        captureStream(frameRequestRate?: number): MediaStream;
        checkVisibility(options?: CheckVisibilityOptions): boolean;
        click(): void;
        cloneNode(deep?: boolean): Node;
        closest<K extends keyof HTMLElementTagNameMap>(
            selector: K,
        ): HTMLElementTagNameMap[K];
        closest<K extends keyof SVGElementTagNameMap>(
            selector: K,
        ): SVGElementTagNameMap[K];
        closest<K extends keyof MathMLElementTagNameMap>(
            selector: K,
        ): MathMLElementTagNameMap[K];
        closest<E extends Element = Element>(selectors: string): E;
        compareDocumentPosition(other: Node): number;
        computedStyleMap(): StylePropertyMapReadOnly;
        contains(other: Node): boolean;
        dispatchEvent(event: Event): boolean;
        focus(options?: FocusOptions): void;
        getAnimations(options?: GetAnimationsOptions): Animation[];
        getAttribute(qualifiedName: string): string;
        getAttributeNames(): string[];
        getAttributeNode(qualifiedName: string): Attr;
        getAttributeNodeNS(namespace: string, localName: string): Attr;
        getAttributeNS(namespace: string, localName: string): string;
        getBoundingClientRect(): DOMRect;
        getClientRects(): DOMRectList;
        getContext(
            contextId: "2d",
            options?: CanvasRenderingContext2DSettings,
        ): CanvasRenderingContext2D;
        getContext(
            contextId: "bitmaprenderer",
            options?: ImageBitmapRenderingContextSettings,
        ): ImageBitmapRenderingContext;
        getContext(
            contextId: "webgl",
            options?: WebGLContextAttributes,
        ): WebGLRenderingContext;
        getContext(
            contextId: "webgl2",
            options?: WebGLContextAttributes,
        ): WebGL2RenderingContext;
        getContext(contextId: string, options?: any): RenderingContext;
        getContext(contextId: "webgpu"): GPUCanvasContext;
        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(
            qualifiedName: K,
        ): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
        getElementsByTagName<K extends keyof SVGElementTagNameMap>(
            qualifiedName: K,
        ): HTMLCollectionOf<SVGElementTagNameMap[K]>;
        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(
            qualifiedName: K,
        ): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(
            qualifiedName: K,
        ): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
        getElementsByTagNameNS(
            namespaceURI: "http://www.w3.org/1999/xhtml",
            localName: string,
        ): HTMLCollectionOf<HTMLElement>;
        getElementsByTagNameNS(
            namespaceURI: "http://www.w3.org/2000/svg",
            localName: string,
        ): HTMLCollectionOf<SVGElement>;
        getElementsByTagNameNS(
            namespaceURI: "http://www.w3.org/1998/Math/MathML",
            localName: string,
        ): HTMLCollectionOf<MathMLElement>;
        getElementsByTagNameNS(
            namespace: string,
            localName: string,
        ): HTMLCollectionOf<Element>;
        getHTML(options?: GetHTMLOptions): string;
        getRootNode(options?: GetRootNodeOptions): Node;
        hasAttribute(qualifiedName: string): boolean;
        hasAttributeNS(namespace: string, localName: string): boolean;
        hasAttributes(): boolean;
        hasChildNodes(): boolean;
        hasPointerCapture(pointerId: number): boolean;
        hidePopover(): void;
        insertAdjacentElement(where: InsertPosition, element: Element): Element;
        insertAdjacentHTML(position: InsertPosition, string: string): void;
        insertAdjacentText(where: InsertPosition, data: string): void;
        insertBefore<T extends Node>(node: T, child: Node): T;
        isDefaultNamespace(namespace: string): boolean;
        isEqualNode(otherNode: Node): boolean;
        isSameNode(otherNode: Node): boolean;
        lookupNamespaceURI(prefix: string): string;
        lookupPrefix(namespace: string): string;
        matches(selectors: string): boolean;
        normalize(): void;
        prepend(...nodes: (string | Node)[]): void;
        querySelector<K extends keyof HTMLElementTagNameMap>(
            selectors: K,
        ): HTMLElementTagNameMap[K];
        querySelector<K extends keyof SVGElementTagNameMap>(
            selectors: K,
        ): SVGElementTagNameMap[K];
        querySelector<K extends keyof MathMLElementTagNameMap>(
            selectors: K,
        ): MathMLElementTagNameMap[K];
        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(
            selectors: K,
        ): HTMLElementDeprecatedTagNameMap[K];
        querySelector<E extends Element = Element>(selectors: string): E;
        querySelectorAll<K extends keyof HTMLElementTagNameMap>(
            selectors: K,
        ): NodeListOf<HTMLElementTagNameMap[K]>;
        querySelectorAll<K extends keyof SVGElementTagNameMap>(
            selectors: K,
        ): NodeListOf<SVGElementTagNameMap[K]>;
        querySelectorAll<K extends keyof MathMLElementTagNameMap>(
            selectors: K,
        ): NodeListOf<MathMLElementTagNameMap[K]>;
        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(
            selectors: K,
        ): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
        querySelectorAll<E extends Element = Element>(
            selectors: string,
        ): NodeListOf<E>;
        releasePointerCapture(pointerId: number): void;
        remove(): void;
        removeAttribute(qualifiedName: string): void;
        removeAttributeNode(attr: Attr): Attr;
        removeAttributeNS(namespace: string, localName: string): void;
        removeChild<T extends Node>(child: T): T;
        removeEventListener<K extends keyof HTMLElementEventMap>(
            type: K,
            listener: (this: HTMLCanvasElement, ev: HTMLElementEventMap[K]) => any,
            options?: boolean | EventListenerOptions,
        ): void;
        removeEventListener(
            type: string,
            listener: EventListenerOrEventListenerObject,
            options?: boolean | EventListenerOptions,
        ): void;
        replaceChild<T extends Node>(node: Node, child: T): T;
        replaceChildren(...nodes: (string | Node)[]): void;
        replaceWith(...nodes: (string | Node)[]): void;
        requestFullscreen(options?: FullscreenOptions): Promise<void>;
        requestPointerLock(options?: PointerLockOptions): Promise<void>;
        scroll(options?: ScrollToOptions): void;
        scroll(x: number, y: number): void;
        scrollBy(options?: ScrollToOptions): void;
        scrollBy(x: number, y: number): void;
        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
        scrollTo(options?: ScrollToOptions): void;
        scrollTo(x: number, y: number): void;
        setAttribute(qualifiedName: string, value: string): void;
        setAttributeNode(attr: Attr): Attr;
        setAttributeNodeNS(attr: Attr): Attr;
        setAttributeNS(
            namespace: string,
            qualifiedName: string,
            value: string,
        ): void;
        setHTMLUnsafe(html: string): void;
        setPointerCapture(pointerId: number): void;
        showPopover(): void;
        toBlob(callback: BlobCallback, type?: string, quality?: any): void;
        toDataURL(type?: string, quality?: any): string;
        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
        togglePopover(force?: boolean): boolean;
        transferControlToOffscreen(): OffscreenCanvas;
        webkitMatchesSelector(selectors: string): boolean;
    }
    Hierarchy

    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 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 classList 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 height hidden id inert innerHTML innerText inputMode isConnected isContentEditable lang lastChild lastElementChild localName namespaceURI nextElementSibling nextSibling nodeName nodeType nodeValue nonce? NOTATION_NODE offsetHeight offsetLeft offsetParent offsetTop offsetWidth onabort onanimationcancel onanimationend onanimationiteration onanimationstart onauxclick onbeforeinput onbeforetoggle onbeforexrselect 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 part popover prefix previousElementSibling previousSibling PROCESSING_INSTRUCTION_NODE role scrollHeight scrollLeft scrollTop scrollWidth shadowRoot slot spellcheck style tabIndex tagName TEXT_NODE textContent title translate width writingSuggestions

    Methods

    addEventListener after animate append appendChild attachInternals attachShadow before blur captureStream checkVisibility click cloneNode closest compareDocumentPosition computedStyleMap contains dispatchEvent focus getAnimations getAttribute getAttributeNames getAttributeNode getAttributeNodeNS getAttributeNS getBoundingClientRect getClientRects getContext 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 releasePointerCapture remove removeAttribute removeAttributeNode removeAttributeNS removeChild removeEventListener replaceChild replaceChildren replaceWith requestFullscreen requestPointerLock scroll scrollBy scrollIntoView scrollTo setAttribute setAttributeNode setAttributeNodeNS setAttributeNS setHTMLUnsafe setPointerCapture showPopover toBlob toDataURL toggleAttribute togglePopover transferControlToOffscreen webkitMatchesSelector

    Properties

    accessKey

    accessKey: string

    MDN Reference

    ReadonlyaccessKeyLabel

    accessKeyLabel: string

    MDN Reference

    ariaAtomic

    ariaAtomic: string

    MDN Reference

    ariaAutoComplete

    ariaAutoComplete: string

    MDN Reference

    ariaBrailleLabel

    ariaBrailleLabel: string

    MDN Reference

    ariaBrailleRoleDescription

    ariaBrailleRoleDescription: string

    MDN Reference

    ariaBusy

    ariaBusy: string

    MDN Reference

    ariaChecked

    ariaChecked: string

    MDN Reference

    ariaColCount

    ariaColCount: string

    MDN Reference

    ariaColIndex

    ariaColIndex: string

    MDN Reference

    ariaColIndexText

    ariaColIndexText: string

    MDN Reference

    ariaColSpan

    ariaColSpan: string

    MDN Reference

    ariaCurrent

    ariaCurrent: string

    MDN Reference

    ariaDescription

    ariaDescription: string

    MDN Reference

    ariaDisabled

    ariaDisabled: string

    MDN Reference

    ariaExpanded

    ariaExpanded: string

    MDN Reference

    ariaHasPopup

    ariaHasPopup: string

    MDN Reference

    ariaHidden

    ariaHidden: string

    MDN Reference

    ariaInvalid

    ariaInvalid: string

    ariaKeyShortcuts

    ariaKeyShortcuts: string

    MDN Reference

    ariaLabel

    ariaLabel: string

    MDN Reference

    ariaLevel

    ariaLevel: string

    MDN Reference

    ariaLive

    ariaLive: string

    MDN Reference

    ariaModal

    ariaModal: string

    MDN Reference

    ariaMultiLine

    ariaMultiLine: string

    MDN Reference

    ariaMultiSelectable

    ariaMultiSelectable: string

    MDN Reference

    ariaOrientation

    ariaOrientation: string

    MDN Reference

    ariaPlaceholder

    ariaPlaceholder: string

    MDN Reference

    ariaPosInSet

    ariaPosInSet: string

    MDN Reference

    ariaPressed

    ariaPressed: string

    MDN Reference

    ariaReadOnly

    ariaReadOnly: string

    MDN Reference

    ariaRequired

    ariaRequired: string

    MDN Reference

    ariaRoleDescription

    ariaRoleDescription: string

    MDN Reference

    ariaRowCount

    ariaRowCount: string

    MDN Reference

    ariaRowIndex

    ariaRowIndex: string

    MDN Reference

    ariaRowIndexText

    ariaRowIndexText: string

    MDN Reference

    ariaRowSpan

    ariaRowSpan: string

    MDN Reference

    ariaSelected

    ariaSelected: string

    MDN Reference

    ariaSetSize

    ariaSetSize: string

    MDN Reference

    ariaSort

    ariaSort: string

    MDN Reference

    ariaValueMax

    ariaValueMax: string

    MDN Reference

    ariaValueMin

    ariaValueMin: string

    MDN Reference

    ariaValueNow

    ariaValueNow: string

    MDN Reference

    ariaValueText

    ariaValueText: string

    MDN Reference

    ReadonlyassignedSlot

    assignedSlot: HTMLSlotElement

    MDN Reference

    ReadonlyATTRIBUTE_NODE

    ATTRIBUTE_NODE: 2

    Readonlyattributes

    attributes: NamedNodeMap

    MDN Reference

    ReadonlyattributeStyleMap

    attributeStyleMap: StylePropertyMap

    MDN Reference

    autocapitalize

    autocapitalize: string

    MDN Reference

    autofocus

    autofocus: boolean

    MDN Reference

    ReadonlybaseURI

    baseURI: string

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

    MDN Reference

    ReadonlyCDATA_SECTION_NODE

    CDATA_SECTION_NODE: 4

    node is a CDATASection node.

    ReadonlychildElementCount

    childElementCount: number

    MDN Reference

    ReadonlychildNodes

    childNodes: NodeListOf<ChildNode>

    Returns the children.

    MDN Reference

    Readonlychildren

    children: HTMLCollection

    Returns the child elements.

    MDN Reference

    ReadonlyclassList

    classList: DOMTokenList

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

    MDN Reference

    className

    className: string

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

    MDN Reference

    ReadonlyclientHeight

    clientHeight: number

    MDN Reference

    ReadonlyclientLeft

    clientLeft: number

    MDN Reference

    ReadonlyclientTop

    clientTop: number

    MDN Reference

    ReadonlyclientWidth

    clientWidth: number

    MDN Reference

    ReadonlyCOMMENT_NODE

    COMMENT_NODE: 8

    node is a Comment node.

    contentEditable

    contentEditable: string

    MDN Reference

    ReadonlycurrentCSSZoom

    currentCSSZoom: number

    MDN Reference

    Readonlydataset

    dataset: DOMStringMap

    MDN Reference

    dir

    dir: string

    MDN Reference

    ReadonlyDOCUMENT_FRAGMENT_NODE

    DOCUMENT_FRAGMENT_NODE: 11

    node is a DocumentFragment node.

    ReadonlyDOCUMENT_NODE

    DOCUMENT_NODE: 9

    node is a document.

    ReadonlyDOCUMENT_POSITION_CONTAINED_BY

    DOCUMENT_POSITION_CONTAINED_BY: 16

    Set when other is a descendant of node.

    ReadonlyDOCUMENT_POSITION_CONTAINS

    DOCUMENT_POSITION_CONTAINS: 8

    Set when other is an ancestor of node.

    ReadonlyDOCUMENT_POSITION_DISCONNECTED

    DOCUMENT_POSITION_DISCONNECTED: 1

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

    ReadonlyDOCUMENT_POSITION_FOLLOWING

    DOCUMENT_POSITION_FOLLOWING: 4

    Set when other is following node.

    ReadonlyDOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

    DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32

    ReadonlyDOCUMENT_POSITION_PRECEDING

    DOCUMENT_POSITION_PRECEDING: 2

    Set when other is preceding node.

    ReadonlyDOCUMENT_TYPE_NODE

    DOCUMENT_TYPE_NODE: 10

    node is a doctype.

    draggable

    draggable: boolean

    MDN Reference

    ReadonlyELEMENT_NODE

    ELEMENT_NODE: 1

    node is an element.

    enterKeyHint

    enterKeyHint: string

    MDN Reference

    ReadonlyENTITY_NODE

    ENTITY_NODE: 6

    ReadonlyENTITY_REFERENCE_NODE

    ENTITY_REFERENCE_NODE: 5

    ReadonlyfirstChild

    firstChild: ChildNode

    Returns the first child.

    MDN Reference

    ReadonlyfirstElementChild

    firstElementChild: Element

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

    MDN Reference

    height

    height: number

    Gets or sets the height of a canvas element on a document.

    MDN Reference

    hidden

    hidden: boolean

    MDN Reference

    id

    id: string

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

    MDN Reference

    inert

    inert: boolean

    MDN Reference

    innerHTML

    innerHTML: string

    MDN Reference

    innerText

    innerText: string

    MDN Reference

    inputMode

    inputMode: string

    MDN Reference

    ReadonlyisConnected

    isConnected: boolean

    Returns true if node is connected and false otherwise.

    MDN Reference

    ReadonlyisContentEditable

    isContentEditable: boolean

    MDN Reference

    lang

    lang: string

    MDN Reference

    ReadonlylastChild

    lastChild: ChildNode

    Returns the last child.

    MDN Reference

    ReadonlylastElementChild

    lastElementChild: Element

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

    MDN Reference

    ReadonlylocalName

    localName: string

    Returns the local name.

    MDN Reference

    ReadonlynamespaceURI

    namespaceURI: string

    Returns the namespace.

    MDN Reference

    ReadonlynextElementSibling

    nextElementSibling: Element

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

    MDN Reference

    ReadonlynextSibling

    nextSibling: ChildNode

    Returns the next sibling.

    MDN Reference

    ReadonlynodeName

    nodeName: string

    Returns a string appropriate for the type of node.

    MDN Reference

    ReadonlynodeType

    nodeType: number

    Returns the type of node.

    MDN Reference

    nodeValue

    nodeValue: string

    MDN Reference

    Optionalnonce

    nonce?: string

    MDN Reference

    ReadonlyNOTATION_NODE

    NOTATION_NODE: 12

    ReadonlyoffsetHeight

    offsetHeight: number

    MDN Reference

    ReadonlyoffsetLeft

    offsetLeft: number

    MDN Reference

    ReadonlyoffsetParent

    offsetParent: Element

    MDN Reference

    ReadonlyoffsetTop

    offsetTop: number

    MDN Reference

    ReadonlyoffsetWidth

    offsetWidth: number

    MDN Reference

    onabort

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

    Fires when the user aborts the download.

    Type declaration

    onanimationcancel

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

    MDN Reference

    onanimationend

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

    MDN Reference

    onanimationiteration

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

    MDN Reference

    onanimationstart

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

    MDN Reference

    onauxclick

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

    MDN Reference

    onbeforeinput

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

    MDN Reference

    onbeforetoggle

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

    MDN Reference

    onbeforexrselect

    onbeforexrselect: (this: GlobalEventHandlers, ev: XRSessionEvent) => any

    An XRSessionEvent of type beforexrselect is dispatched on the DOM overlay element before generating a WebXR selectstart input event if the -Z axis of the input source's targetRaySpace intersects the DOM overlay element at the time the input device's primary action is triggered.

    onblur

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

    Fires when the object loses the input focus.

    Type declaration

    oncancel

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

    MDN Reference

    oncanplay

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

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

    Type declaration

    oncanplaythrough

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

    MDN Reference

    onchange

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

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

    Type declaration

    onclick

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

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

    Type declaration

    onclose

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

    MDN Reference

    oncontextlost

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

    MDN Reference

    oncontextmenu

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

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

    Type declaration

    oncontextrestored

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

    MDN Reference

    oncopy

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

    MDN Reference

    oncuechange

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

    MDN Reference

    oncut

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

    MDN Reference

    ondblclick

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

    Fires when the user double-clicks the object.

    Type declaration

    ondrag

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

    Fires on the source object continuously during a drag operation.

    Type declaration

    ondragend

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

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

    Type declaration

    ondragenter

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

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

    Type declaration

    ondragleave

    ondragleave: (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.

    Type declaration

    ondragover

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

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

    Type declaration

    ondragstart

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

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

    Type declaration

    ondrop

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

    MDN Reference

    ondurationchange

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

    Occurs when the duration attribute is updated.

    Type declaration

    onemptied

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

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

    Type declaration

    onended

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

    Occurs when the end of playback is reached.

    Type declaration

    onerror

    onerror: OnErrorEventHandlerNonNull

    Fires when an error occurs during object loading.

    Param: ev

    The event.

    MDN Reference

    onfocus

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

    Fires when the object receives focus.

    Type declaration

    onformdata

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

    MDN Reference

    onfullscreenchange

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

    MDN Reference

    onfullscreenerror

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

    MDN Reference

    ongotpointercapture

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

    MDN Reference

    oninput

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

    MDN Reference

    oninvalid

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

    MDN Reference

    onkeydown

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

    Fires when the user presses a key.

    Type declaration

    onkeypress

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

    Fires when the user presses an alphanumeric key.

    Type declaration

    Deprecated

    MDN Reference

    onkeyup

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

    Fires when the user releases a key.

    Type declaration

    onload

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

    Fires immediately after the browser loads the object.

    Type declaration

    onloadeddata

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

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

    Type declaration

    onloadedmetadata

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

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

    Type declaration

    onloadstart

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

    Occurs when Internet Explorer begins looking for media data.

    Type declaration

    onlostpointercapture

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

    MDN Reference

    onmousedown

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

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

    Type declaration

    onmouseenter

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

    MDN Reference

    onmouseleave

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

    MDN Reference

    onmousemove

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

    Fires when the user moves the mouse over the object.

    Type declaration

    onmouseout

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

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

    Type declaration

    onmouseover

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

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

    Type declaration

    onmouseup

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

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

    Type declaration

    onpaste

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

    MDN Reference

    onpause

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

    Occurs when playback is paused.

    Type declaration

    onplay

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

    Occurs when the play method is requested.

    Type declaration

    onplaying

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

    Occurs when the audio or video has started playing.

    Type declaration

    onpointercancel

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

    MDN Reference

    onpointerdown

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

    MDN Reference

    onpointerenter

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

    MDN Reference

    onpointerleave

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

    MDN Reference

    onpointermove

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

    MDN Reference

    onpointerout

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

    MDN Reference

    onpointerover

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

    MDN Reference

    onpointerup

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

    MDN Reference

    onprogress

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

    Occurs to indicate progress while downloading media data.

    Type declaration

    onratechange

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

    Occurs when the playback rate is increased or decreased.

    Type declaration

    onreset

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

    Fires when the user resets a form.

    Type declaration

    onresize

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

    MDN Reference

    onscroll

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

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

    Type declaration

    onscrollend

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

    MDN Reference

    onsecuritypolicyviolation

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

    MDN Reference

    onseeked

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

    Occurs when the seek operation ends.

    Type declaration

    onseeking

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

    Occurs when the current playback position is moved.

    Type declaration

    onselect

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

    Fires when the current selection changes.

    Type declaration

    onselectionchange

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

    MDN Reference

    onselectstart

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

    MDN Reference

    onslotchange

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

    MDN Reference

    onstalled

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

    Occurs when the download has stopped.

    Type declaration

    onsubmit

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

    MDN Reference

    onsuspend

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

    Occurs if the load operation has been intentionally halted.

    Type declaration

    ontimeupdate

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

    Occurs to indicate the current playback position.

    Type declaration

    ontoggle

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

    MDN Reference

    Optionalontouchcancel

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

    MDN Reference

    Optionalontouchend

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

    MDN Reference

    Optionalontouchmove

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

    MDN Reference

    Optionalontouchstart

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

    MDN Reference

    ontransitioncancel

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

    MDN Reference

    ontransitionend

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

    MDN Reference

    ontransitionrun

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

    MDN Reference

    ontransitionstart

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

    MDN Reference

    onvolumechange

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

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

    Type declaration

    onwaiting

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

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

    Type declaration

    onwebkitanimationend

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

    Deprecated

    This is a legacy alias of onanimationend.

    MDN Reference

    onwebkitanimationiteration

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

    Deprecated

    This is a legacy alias of onanimationiteration.

    MDN Reference

    onwebkitanimationstart

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

    Deprecated

    This is a legacy alias of onanimationstart.

    MDN Reference

    onwebkittransitionend

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

    Deprecated

    This is a legacy alias of ontransitionend.

    MDN Reference

    onwheel

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

    MDN Reference

    outerHTML

    outerHTML: string

    MDN Reference

    outerText

    outerText: string

    MDN Reference

    ReadonlyownerDocument

    ownerDocument: Document

    Returns the node document. Returns null for documents.

    MDN Reference

    ReadonlyparentElement

    parentElement: HTMLElement

    Returns the parent element.

    MDN Reference

    ReadonlyparentNode

    parentNode: ParentNode

    Returns the parent.

    MDN Reference

    Readonlypart

    part: DOMTokenList

    MDN Reference

    popover

    popover: string

    MDN Reference

    Readonlyprefix

    prefix: string

    Returns the namespace prefix.

    MDN Reference

    ReadonlypreviousElementSibling

    previousElementSibling: Element

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

    MDN Reference

    ReadonlypreviousSibling

    previousSibling: ChildNode

    Returns the previous sibling.

    MDN Reference

    ReadonlyPROCESSING_INSTRUCTION_NODE

    PROCESSING_INSTRUCTION_NODE: 7

    node is a ProcessingInstruction node.

    role

    role: string

    ReadonlyscrollHeight

    scrollHeight: number

    MDN Reference

    scrollLeft

    scrollLeft: number

    MDN Reference

    scrollTop

    scrollTop: number

    MDN Reference

    ReadonlyscrollWidth

    scrollWidth: number

    MDN Reference

    ReadonlyshadowRoot

    shadowRoot: ShadowRoot

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

    MDN Reference

    slot

    slot: string

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

    MDN Reference

    spellcheck

    spellcheck: boolean

    MDN Reference

    Readonlystyle

    style: CSSStyleDeclaration

    MDN Reference

    tabIndex

    tabIndex: number

    MDN Reference

    ReadonlytagName

    tagName: string

    Returns the HTML-uppercased qualified name.

    MDN Reference

    ReadonlyTEXT_NODE

    TEXT_NODE: 3

    node is a Text node.

    textContent

    textContent: string

    MDN Reference

    title

    title: string

    MDN Reference

    translate

    translate: boolean

    MDN Reference

    width

    width: number

    Gets or sets the width of a canvas element on a document.

    MDN Reference

    writingSuggestions

    writingSuggestions: string

    Methods

    addEventListener

    • addEventListener<K extends keyof HTMLElementEventMap>(
          type: K,
          listener: (this: HTMLCanvasElement, ev: HTMLElementEventMap[K]) => any,
          options?: boolean | AddEventListenerOptions,
      ): void

    • Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

      The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

      When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

      When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

      When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

      If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

      The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

      MDN Reference

      Type Parameters

      Parameters

      Returns void

    • addEventListener(
          type: string,
          listener: EventListenerOrEventListenerObject,
          options?: boolean | AddEventListenerOptions,
      ): void

    • Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

      The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

      When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

      When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

      When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

      If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

      The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

      MDN Reference

      Parameters

      Returns void

    after

    • after(...nodes: (string | Node)[]): 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

    animate

    append

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

    • 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

    appendChild

    attachInternals

    attachShadow

    before

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

    • 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

    blur

    captureStream

    checkVisibility

    click

    cloneNode

    • cloneNode(deep?: boolean): Node

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

      MDN Reference

      Parameters

      • Optionaldeep: boolean

      Returns Node

    closest

    compareDocumentPosition

    computedStyleMap

    contains

    dispatchEvent

    • dispatchEvent(event: Event): 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

      Returns boolean

    focus

    getAnimations

    getAttribute

    • getAttribute(qualifiedName: string): string

    • 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 string

    getAttributeNames

    getAttributeNode

    getAttributeNodeNS

    getAttributeNS

    • getAttributeNS(namespace: string, localName: string): string

    • 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: string
      • localName: string

      Returns string

    getBoundingClientRect

    getClientRects

    getContext

    getElementsByClassName

    getElementsByTagName

    getElementsByTagNameNS

    getHTML

    getRootNode

    hasAttribute

    • hasAttribute(qualifiedName: string): boolean

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

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns boolean

    hasAttributeNS

    • hasAttributeNS(namespace: string, localName: string): boolean

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

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns boolean

    hasAttributes

    hasChildNodes

    hasPointerCapture

    hidePopover

    insertAdjacentElement

    insertAdjacentHTML

    insertAdjacentText

    insertBefore

    isDefaultNamespace

    isEqualNode

    isSameNode

    lookupNamespaceURI

    lookupPrefix

    matches

    • matches(selectors: string): boolean

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

      MDN Reference

      Parameters

      • selectors: string

      Returns boolean

    normalize

    • normalize(): void

    • 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

    prepend

    • prepend(...nodes: (string | Node)[]): 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

    querySelector

    querySelectorAll

    releasePointerCapture

    remove

    removeAttribute

    • removeAttribute(qualifiedName: string): void

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

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns void

    removeAttributeNode

    removeAttributeNS

    • removeAttributeNS(namespace: string, localName: string): void

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

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns void

    removeChild

    removeEventListener

    replaceChild

    replaceChildren

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

    • 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

    replaceWith

    • replaceWith(...nodes: (string | Node)[]): 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

    requestFullscreen

    • requestFullscreen(options?: FullscreenOptions): Promise<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

      Returns Promise<void>

    requestPointerLock

    scroll

    scrollBy

    scrollIntoView

    scrollTo

    setAttribute

    • setAttribute(qualifiedName: string, value: string): 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

    setAttributeNode

    setAttributeNodeNS

    setAttributeNS

    • setAttributeNS(namespace: string, qualifiedName: string, value: string): void

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

      MDN Reference

      Parameters

      • namespace: string
      • qualifiedName: string
      • value: string

      Returns void

    setHTMLUnsafe

    setPointerCapture

    showPopover

    toBlob

    toDataURL

    • toDataURL(type?: string, quality?: any): string

    • Returns the content of the current canvas as an image that you can use as a source for another canvas or an HTML element.

      Parameters

      • Optionaltype: string

        The standard MIME type for the image format to return. If you do not specify this parameter, the default value is a PNG format image.

        MDN Reference

      • Optionalquality: any

      Returns string

    toggleAttribute

    • toggleAttribute(qualifiedName: string, force?: boolean): boolean

    • 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

    togglePopover

    transferControlToOffscreen

    webkitMatchesSelector

    Settings

    Member Visibility

    On This Page

    Properties
    accessKeyaccessKeyLabelariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColIndexTextariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaInvalidariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRequiredariaRoleDescriptionariaRowCountariaRowIndexariaRowIndexTextariaRowSpanariaSelectedariaSetSizeariaSortariaValueMaxariaValueMinariaValueNowariaValueTextassignedSlotATTRIBUTE_NODEattributesattributeStyleMapautocapitalizeautofocusbaseURICDATA_SECTION_NODEchildElementCountchildNodeschildrenclassListclassNameclientHeightclientLeftclientTopclientWidthCOMMENT_NODEcontentEditablecurrentCSSZoomdatasetdirDOCUMENT_FRAGMENT_NODEDOCUMENT_NODEDOCUMENT_POSITION_CONTAINED_BYDOCUMENT_POSITION_CONTAINSDOCUMENT_POSITION_DISCONNECTEDDOCUMENT_POSITION_FOLLOWINGDOCUMENT_POSITION_IMPLEMENTATION_SPECIFICDOCUMENT_POSITION_PRECEDINGDOCUMENT_TYPE_NODEdraggableELEMENT_NODEenterKeyHintENTITY_NODEENTITY_REFERENCE_NODEfirstChildfirstElementChildheighthiddenidinertinnerHTMLinnerTextinputModeisConnectedisContentEditablelanglastChildlastElementChildlocalNamenamespaceURInextElementSiblingnextSiblingnodeNamenodeTypenodeValuenonceNOTATION_NODEoffsetHeightoffsetLeftoffsetParentoffsetTopoffsetWidthonabortonanimationcancelonanimationendonanimationiterationonanimationstartonauxclickonbeforeinputonbeforetoggleonbeforexrselectonbluroncanceloncanplayoncanplaythroughonchangeonclickoncloseoncontextlostoncontextmenuoncontextrestoredoncopyoncuechangeoncutondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonendedonerroronfocusonformdataonfullscreenchangeonfullscreenerrorongotpointercaptureoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonlostpointercaptureonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponpasteonpauseonplayonplayingonpointercancelonpointerdownonpointerenteronpointerleaveonpointermoveonpointeroutonpointeroveronpointeruponprogressonratechangeonresetonresizeonscrollonscrollendonsecuritypolicyviolationonseekedonseekingonselectonselectionchangeonselectstartonslotchangeonstalledonsubmitonsuspendontimeupdateontoggleontouchcancelontouchendontouchmoveontouchstartontransitioncancelontransitionendontransitionrunontransitionstartonvolumechangeonwaitingonwebkitanimationendonwebkitanimationiterationonwebkitanimationstartonwebkittransitionendonwheelouterHTMLouterTextownerDocumentparentElementparentNodepartpopoverprefixpreviousElementSiblingpreviousSiblingPROCESSING_INSTRUCTION_NODErolescrollHeightscrollLeftscrollTopscrollWidthshadowRootslotspellcheckstyletabIndextagNameTEXT_NODEtextContenttitletranslatewidthwritingSuggestions
    Methods
    addEventListenerafteranimateappendappendChildattachInternalsattachShadowbeforeblurcaptureStreamcheckVisibilityclickcloneNodeclosestcompareDocumentPositioncomputedStyleMapcontainsdispatchEventfocusgetAnimationsgetAttributegetAttributeNamesgetAttributeNodegetAttributeNodeNSgetAttributeNSgetBoundingClientRectgetClientRectsgetContextgetElementsByClassNamegetElementsByTagNamegetElementsByTagNameNSgetHTMLgetRootNodehasAttributehasAttributeNShasAttributeshasChildNodeshasPointerCapturehidePopoverinsertAdjacentElementinsertAdjacentHTMLinsertAdjacentTextinsertBeforeisDefaultNamespaceisEqualNodeisSameNodelookupNamespaceURIlookupPrefixmatchesnormalizeprependquerySelectorquerySelectorAllreleasePointerCaptureremoveremoveAttributeremoveAttributeNoderemoveAttributeNSremoveChildremoveEventListenerreplaceChildreplaceChildrenreplaceWithrequestFullscreenrequestPointerLockscrollscrollByscrollIntoViewscrollTosetAttributesetAttributeNodesetAttributeNodeNSsetAttributeNSsetHTMLUnsafesetPointerCaptureshowPopovertoBlobtoDataURLtoggleAttributetogglePopovertransferControlToOffscreenwebkitMatchesSelector