Interface HTMLSourceElement

    Provides special properties (beyond the regular HTMLElement object interface it also has available to it by inheritance) for manipulating elements.

    MDN Reference

    interface HTMLSourceElement {
        accessKey: string;
        accessKeyLabel: string;
        ariaAtomic: string;
        ariaAutoComplete: string;
        ariaBrailleLabel: string;
        ariaBrailleRoleDescription: string;
        ariaBusy: string;
        ariaChecked: string;
        ariaColCount: string;
        ariaColIndex: 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;
        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;
        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;
        media: 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<EventTarget>) => 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;
        sizes: string;
        slot: string;
        spellcheck: boolean;
        src: string;
        srcset: string;
        style: CSSStyleDeclaration;
        tabIndex: number;
        tagName: string;
        TEXT_NODE: 3;
        textContent: string;
        title: string;
        translate: boolean;
        type: string;
        width: number;
        addEventListener<K>(type: K, listener: ((this: HTMLSourceElement, 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>(node: T): T;
        attachInternals(): ElementInternals;
        attachShadow(init: ShadowRootInit): ShadowRoot;
        before(...nodes: (string | Node)[]): void;
        blur(): void;
        checkVisibility(options?: CheckVisibilityOptions): boolean;
        click(): void;
        cloneNode(deep?: boolean): Node;
        closest<K>(selector: K): HTMLElementTagNameMap[K];
        closest<K>(selector: K): SVGElementTagNameMap[K];
        closest<K>(selector: K): MathMLElementTagNameMap[K];
        closest<E>(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;
        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
        getElementsByTagName<K>(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>(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>(selectors: K): HTMLElementTagNameMap[K];
        querySelector<K>(selectors: K): SVGElementTagNameMap[K];
        querySelector<K>(selectors: K): MathMLElementTagNameMap[K];
        querySelector<K>(selectors: K): HTMLElementDeprecatedTagNameMap[K];
        querySelector<E>(selectors: string): E;
        querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
        querySelectorAll<E>(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>(child: T): T;
        removeEventListener<K>(type: K, listener: ((this: HTMLSourceElement, ev: HTMLElementEventMap[K]) => any), options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
        replaceChild<T>(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;
        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
        togglePopover(force?: boolean): boolean;
        webkitMatchesSelector(selectors: string): boolean;
    }
    Hierarchy

    Properties

    accessKey accessKeyLabel ariaAtomic ariaAutoComplete ariaBrailleLabel ariaBrailleRoleDescription ariaBusy ariaChecked ariaColCount ariaColIndex ariaColSpan ariaCurrent ariaDescription ariaDisabled ariaExpanded ariaHasPopup ariaHidden ariaInvalid ariaKeyShortcuts ariaLabel ariaLevel ariaLive ariaModal ariaMultiLine ariaMultiSelectable ariaOrientation ariaPlaceholder ariaPosInSet ariaPressed ariaReadOnly ariaRequired ariaRoleDescription ariaRowCount ariaRowIndex 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 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 media 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 sizes slot spellcheck src srcset style tabIndex tagName TEXT_NODE textContent title translate type width

    Methods

    Properties

    accessKey: string
    accessKeyLabel: string
    ariaAtomic: string
    ariaAutoComplete: string
    ariaBrailleLabel: string
    ariaBrailleRoleDescription: string
    ariaBusy: string
    ariaChecked: string
    ariaColCount: string
    ariaColIndex: 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
    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

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

    MDN Reference

    CDATA_SECTION_NODE: 4

    node is a CDATASection node.

    childElementCount: number
    childNodes: NodeListOf<ChildNode>

    Returns the children.

    MDN Reference

    children: HTMLCollection

    Returns the child elements.

    MDN Reference

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

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

    MDN Reference

    clientHeight: number
    clientLeft: number
    clientTop: number
    clientWidth: number
    COMMENT_NODE: 8

    node is a Comment node.

    contentEditable: string
    dataset: DOMStringMap
    dir: string
    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
    ELEMENT_NODE: 1

    node is an element.

    enterKeyHint: string
    ENTITY_NODE: 6
    ENTITY_REFERENCE_NODE: 5
    firstChild: ChildNode

    Returns the first child.

    MDN Reference

    firstElementChild: Element

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

    MDN Reference

    height: number
    hidden: boolean
    id: string

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

    MDN Reference

    inert: boolean
    innerHTML: string
    innerText: string
    inputMode: string
    isConnected: boolean

    Returns true if node is connected and false otherwise.

    MDN Reference

    isContentEditable: boolean
    lang: string
    lastChild: ChildNode

    Returns the last child.

    MDN Reference

    lastElementChild: Element

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

    MDN Reference

    localName: string

    Returns the local name.

    MDN Reference

    media: string

    Gets or sets the intended media type of the media source.

    namespaceURI: string

    Returns the namespace.

    MDN Reference

    nextElementSibling: Element

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

    MDN Reference

    nextSibling: 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: string
    nonce?: string
    NOTATION_NODE: 12
    offsetHeight: number
    offsetLeft: number
    offsetParent: Element
    offsetTop: number
    offsetWidth: number
    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any)

    Fires when the user aborts the download.

    Type declaration

    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)

    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: ((this: GlobalEventHandlers, ev: FocusEvent) => any)

    Fires when the object loses the input focus.

    Type declaration

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

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

    Type declaration

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

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

    Type declaration

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

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

    Type declaration

    onclose: ((this: GlobalEventHandlers, ev: Event) => any)
    oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any)
    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: ((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)

    Fires when the user double-clicks the object.

    Type declaration

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

    Fires on the source object continuously during a drag operation.

    Type declaration

    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: ((this: GlobalEventHandlers, ev: DragEvent) => any)

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

    Type declaration

    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: ((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: ((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: ((this: GlobalEventHandlers, ev: DragEvent) => any)
    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the duration attribute is updated.

    Type declaration

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

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

    Type declaration

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

    Occurs when the end of playback is reached.

    Type declaration

    Fires when an error occurs during object loading.

    The event.

    MDN Reference

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

    Fires when the object receives focus.

    Type declaration

    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)

    Fires when the user presses a key.

    Type declaration

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

    Fires when the user presses an alphanumeric key.

    Type declaration

    MDN Reference

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

    Fires when the user releases a key.

    Type declaration

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

    Fires immediately after the browser loads the object.

    Type declaration

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

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

    Type declaration

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

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

    Type declaration

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

    Occurs when Internet Explorer begins looking for media data.

    Type declaration

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

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

    Type declaration

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

    Fires when the user moves the mouse over the object.

    Type declaration

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

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

    Type declaration

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

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

    Type declaration

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

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

    Type declaration

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

    Occurs when playback is paused.

    Type declaration

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

    Occurs when the play method is requested.

    Type declaration

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

    Occurs when the audio or video has started playing.

    Type declaration

    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<EventTarget>) => any)

    Occurs to indicate progress while downloading media data.

    Type declaration

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

    Occurs when the playback rate is increased or decreased.

    Type declaration

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

    Fires when the user resets a form.

    Type declaration

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

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

    Type declaration

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

    Occurs when the seek operation ends.

    Type declaration

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

    Occurs when the current playback position is moved.

    Type declaration

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

    Fires when the current selection changes.

    Type declaration

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

    Occurs when the download has stopped.

    Type declaration

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

    Occurs if the load operation has been intentionally halted.

    Type declaration

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

    Occurs to indicate the current playback position.

    Type declaration

    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)

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

    Type declaration

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

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

    Type declaration

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

    This is a legacy alias of onanimationend.

    MDN Reference

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

    This is a legacy alias of onanimationiteration.

    MDN Reference

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

    This is a legacy alias of onanimationstart.

    MDN Reference

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

    This is a legacy alias of ontransitionend.

    MDN Reference

    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any)
    outerHTML: string
    outerText: string
    ownerDocument: Document

    Returns the node document. Returns null for documents.

    MDN Reference

    parentElement: HTMLElement

    Returns the parent element.

    MDN Reference

    parentNode: ParentNode

    Returns the parent.

    MDN Reference

    popover: string
    prefix: string

    Returns the namespace prefix.

    MDN Reference

    previousElementSibling: Element

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

    MDN Reference

    previousSibling: ChildNode

    Returns the previous sibling.

    MDN Reference

    PROCESSING_INSTRUCTION_NODE: 7

    node is a ProcessingInstruction node.

    role: string
    scrollHeight: number
    scrollLeft: number
    scrollTop: number
    scrollWidth: number
    shadowRoot: ShadowRoot

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

    MDN Reference

    sizes: string
    slot: string

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

    MDN Reference

    spellcheck: boolean
    src: string

    The address or URL of the a media resource that is to be considered.

    srcset: string
    tabIndex: number
    tagName: string

    Returns the HTML-uppercased qualified name.

    MDN Reference

    TEXT_NODE: 3

    node is a Text node.

    textContent: string
    title: string
    translate: boolean
    type: string

    Gets or sets the MIME type of a media resource.

    width: number

    Methods

    • 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

    • 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

    • 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

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

      Returns 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

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

      Returns 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

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

      Returns void

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

      MDN Reference

      Parameters

      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

      Returns boolean

    • 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

    • 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

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

      Returns boolean

    • 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

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

      Returns void

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

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns void

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

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns 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

      • Rest...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

      • Rest...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

      Returns Promise<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

    • 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

    • 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