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.
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.
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.
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.
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.
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.
Provides special properties (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating
ATTRIBUTE_NODE: number;
CDATA_SECTION_NODE: number;
COMMENT_NODE: number;
DOCUMENT_FRAGMENT_NODE: number;
DOCUMENT_NODE: number;
DOCUMENT_POSITION_CONTAINED_BY: number;
DOCUMENT_POSITION_CONTAINS: number;
DOCUMENT_POSITION_DISCONNECTED: number;
DOCUMENT_POSITION_FOLLOWING: number;
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
DOCUMENT_POSITION_PRECEDING: number;
DOCUMENT_TYPE_NODE: number;
ELEMENT_NODE: number;
ENTITY_NODE: number;
ENTITY_REFERENCE_NODE: number;
NOTATION_NODE: number;
PROCESSING_INSTRUCTION_NODE: number;
TEXT_NODE: number;
accessKey: string;
accessKeyLabel: string;
align: string;
ariaAtomic: null | string;
ariaAutoComplete: null | string;
ariaBusy: null | string;
ariaChecked: null | string;
ariaColCount: null | string;
ariaColIndex: null | string;
ariaColIndexText: null | string;
ariaColSpan: null | string;
ariaCurrent: null | string;
ariaDisabled: null | string;
ariaExpanded: null | string;
ariaHasPopup: null | string;
ariaHidden: null | string;
ariaInvalid: null | string;
ariaKeyShortcuts: null | string;
ariaLabel: null | string;
ariaLevel: null | string;
ariaLive: null | string;
ariaModal: null | string;
ariaMultiLine: null | string;
ariaMultiSelectable: null | string;
ariaOrientation: null | string;
ariaPlaceholder: null | string;
ariaPosInSet: null | string;
ariaPressed: null | string;
ariaReadOnly: null | string;
ariaRequired: null | string;
ariaRoleDescription: null | string;
ariaRowCount: null | string;
ariaRowIndex: null | string;
ariaRowIndexText: null | string;
ariaRowSpan: null | string;
ariaSelected: null | string;
ariaSetSize: null | string;
ariaSort: null | string;
ariaValueMax: null | string;
ariaValueMin: null | string;
ariaValueNow: null | string;
ariaValueText: null | string;
assignedSlot: null | HTMLSlotElement;
attributes: NamedNodeMap;
autocapitalize: string;
autofocus: boolean;
baseURI: string;
childElementCount: number;
childNodes: NodeListOf<ChildNode>;
children: HTMLCollection;
classList: DOMTokenList;
className: string;
clientHeight: number;
clientLeft: number;
clientTop: number;
clientWidth: number;
contentEditable: string;
dataset: DOMStringMap;
dir: string;
draggable: boolean;
enterKeyHint: string;
firstChild: null | ChildNode;
firstElementChild: null | Element;
hidden: boolean;
id: string;
inert: boolean;
innerHTML: string;
innerText: string;
inputMode: string;
isConnected: boolean;
isContentEditable: boolean;
lang: string;
lastChild: null | ChildNode;
lastElementChild: null | Element;
localName: string;
namespaceURI: null | string;
nextElementSibling: null | Element;
nextSibling: null | ChildNode;
nodeName: string;
nodeType: number;
nodeValue: null | string;
nonce?: string;
offsetHeight: number;
offsetLeft: number;
offsetParent: null | Element;
offsetTop: number;
offsetWidth: number;
onabort: null | ((this: GlobalEventHandlers, ev: UIEvent) => any);
onanimationcancel: null | ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
onanimationend: null | ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
onanimationiteration: null | ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
onanimationstart: null | ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
onauxclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onbeforeinput: null | ((this: GlobalEventHandlers, ev: InputEvent) => any);
onblur: null | ((this: GlobalEventHandlers, ev: FocusEvent) => any);
oncancel: null | ((this: GlobalEventHandlers, ev: Event) => any);
oncanplay: null | ((this: GlobalEventHandlers, ev: Event) => any);
oncanplaythrough: null | ((this: GlobalEventHandlers, ev: Event) => any);
onchange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onclose: null | ((this: GlobalEventHandlers, ev: Event) => any);
oncontextmenu: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
oncopy: null | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any);
oncuechange: null | ((this: GlobalEventHandlers, ev: Event) => any);
oncut: null | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any);
ondblclick: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
ondrag: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondragend: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondragenter: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondragleave: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondragover: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondragstart: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondrop: null | ((this: GlobalEventHandlers, ev: DragEvent) => any);
ondurationchange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onemptied: null | ((this: GlobalEventHandlers, ev: Event) => any);
onended: null | ((this: GlobalEventHandlers, ev: Event) => any);
onerror: OnErrorEventHandler;
onfocus: null | ((this: GlobalEventHandlers, ev: FocusEvent) => any);
onformdata: null | ((this: GlobalEventHandlers, ev: FormDataEvent) => any);
onfullscreenchange: null | ((this: Element, ev: Event) => any);
onfullscreenerror: null | ((this: Element, ev: Event) => any);
ongotpointercapture: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
oninput: null | ((this: GlobalEventHandlers, ev: Event) => any);
oninvalid: null | ((this: GlobalEventHandlers, ev: Event) => any);
onkeydown: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
onkeypress: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
onkeyup: null | ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
onload: null | ((this: GlobalEventHandlers, ev: Event) => any);
onloadeddata: null | ((this: GlobalEventHandlers, ev: Event) => any);
onloadedmetadata: null | ((this: GlobalEventHandlers, ev: Event) => any);
onloadstart: null | ((this: GlobalEventHandlers, ev: Event) => any);
onlostpointercapture: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onmousedown: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmouseenter: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmouseleave: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmousemove: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmouseout: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmouseover: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onmouseup: null | ((this: GlobalEventHandlers, ev: MouseEvent) => any);
onpaste: null | ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any);
onpause: null | ((this: GlobalEventHandlers, ev: Event) => any);
onplay: null | ((this: GlobalEventHandlers, ev: Event) => any);
onplaying: null | ((this: GlobalEventHandlers, ev: Event) => any);
onpointercancel: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerdown: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerenter: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerleave: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointermove: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerout: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerover: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onpointerup: null | ((this: GlobalEventHandlers, ev: PointerEvent) => any);
onprogress: null | ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any);
onratechange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onreset: null | ((this: GlobalEventHandlers, ev: Event) => any);
onresize: null | ((this: GlobalEventHandlers, ev: UIEvent) => any);
onscroll: null | ((this: GlobalEventHandlers, ev: Event) => any);
onsecuritypolicyviolation: null | ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any);
onseeked: null | ((this: GlobalEventHandlers, ev: Event) => any);
onseeking: null | ((this: GlobalEventHandlers, ev: Event) => any);
onselect: null | ((this: GlobalEventHandlers, ev: Event) => any);
onselectionchange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onselectstart: null | ((this: GlobalEventHandlers, ev: Event) => any);
onslotchange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onstalled: null | ((this: GlobalEventHandlers, ev: Event) => any);
onsubmit: null | ((this: GlobalEventHandlers, ev: SubmitEvent) => any);
onsuspend: null | ((this: GlobalEventHandlers, ev: Event) => any);
ontimeupdate: null | ((this: GlobalEventHandlers, ev: Event) => any);
ontoggle: null | ((this: GlobalEventHandlers, ev: Event) => any);
ontouchcancel?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any);
ontouchend?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any);
ontouchmove?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any);
ontouchstart?: null | ((this: GlobalEventHandlers, ev: TouchEvent) => any);
ontransitioncancel: null | ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
ontransitionend: null | ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
ontransitionrun: null | ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
ontransitionstart: null | ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
onvolumechange: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwaiting: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwebkitanimationend: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwebkitanimationiteration: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwebkitanimationstart: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwebkittransitionend: null | ((this: GlobalEventHandlers, ev: Event) => any);
onwheel: null | ((this: GlobalEventHandlers, ev: WheelEvent) => any);
outerHTML: string;
outerText: string;
ownerDocument: Document;
parentElement: null | HTMLElement;
parentNode: null | ParentNode;
part: DOMTokenList;
prefix: null | string;
previousElementSibling: null | Element;
previousSibling: null | ChildNode;
role: null | string;
scrollHeight: number;
scrollLeft: number;
scrollTop: number;
scrollWidth: number;
shadowRoot: null | ShadowRoot;
slot: string;
spellcheck: boolean;
style: CSSStyleDeclaration;
tabIndex: number;
tagName: string;
textContent: null | string;
title: string;
translate: boolean;
addEventListener<K>(type: K, listener: ((this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any), options?: boolean | AddEventListenerOptions): void;
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
after(...nodes: (string | Node)[]): void;
animate(keyframes: null | Keyframe[] | PropertyIndexedKeyframes, 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;
click(): void;
cloneNode(deep?: boolean): Node;
closest<K>(selector: K): null | HTMLElementTagNameMap[K];
closest<K>(selector: K): null | SVGElementTagNameMap[K];
closest<E>(selectors: string): null | E;
compareDocumentPosition(other: Node): number;
contains(other: null | Node): boolean;
dispatchEvent(event: Event): boolean;
focus(options?: FocusOptions): void;
getAnimations(options?: GetAnimationsOptions): Animation[];
getAttribute(qualifiedName: string): null | string;
getAttributeNS(namespace: null | string, localName: string): null | string;
getAttributeNames(): string[];
getAttributeNode(qualifiedName: string): null | Attr;
getAttributeNodeNS(namespace: null | string, localName: string): null | Attr;
getBoundingClientRect(): DOMRect;
getClientRects(): DOMRectList;
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[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(namespace: null | string, localName: string): HTMLCollectionOf<Element>;
getRootNode(options?: GetRootNodeOptions): Node;
hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: null | string, localName: string): boolean;
hasAttributes(): boolean;
hasChildNodes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(where: InsertPosition, element: Element): null | Element;
insertAdjacentHTML(position: InsertPosition, text: string): void;
insertAdjacentText(where: InsertPosition, data: string): void;
insertBefore<T>(node: T, child: null | Node): T;
isDefaultNamespace(namespace: null | string): boolean;
isEqualNode(otherNode: null | Node): boolean;
isSameNode(otherNode: null | Node): boolean;
lookupNamespaceURI(prefix: null | string): null | string;
lookupPrefix(namespace: null | string): null | string;
matches(selectors: string): boolean;
normalize(): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K>(selectors: K): null | HTMLElementTagNameMap[K];
querySelector<K>(selectors: K): null | SVGElementTagNameMap[K];
querySelector<E>(selectors: string): null | E;
querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
querySelectorAll<K>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
querySelectorAll<E>(selectors: string): NodeListOf<E>;
releasePointerCapture(pointerId: number): void;
remove(): void;
removeAttribute(qualifiedName: string): void;
removeAttributeNS(namespace: null | string, localName: string): void;
removeAttributeNode(attr: Attr): Attr;
removeChild<T>(child: T): T;
removeEventListener<K>(type: K, listener: ((this: HTMLDivElement, 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(): 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;
setAttributeNS(namespace: null | string, qualifiedName: string, value: string): void;
setAttributeNode(attr: Attr): null | Attr;
setAttributeNodeNS(attr: Attr): null | Attr;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
webkitMatchesSelector(selectors: string): boolean;
}
Hierarchy (view full)
Index
Properties
Methods
Properties
Readonly
ATTRIBUTE_Readonly
CDATA_node is a CDATASection node.
Readonly
COMMENT_node is a Comment node.
Readonly
DOCUMENT_node is a DocumentFragment node.
Readonly
DOCUMENT_node is a document.
Readonly
DOCUMENT_Set when other is a descendant of node.
Readonly
DOCUMENT_Set when other is an ancestor of node.
Readonly
DOCUMENT_Set when node and other are not in the same tree.
Readonly
DOCUMENT_Set when other is following node.
Readonly
DOCUMENT_Readonly
DOCUMENT_Set when other is preceding node.
Readonly
DOCUMENT_node is a doctype.
Readonly
ELEMENT_node is an element.
Readonly
ENTITY_Readonly
ENTITY_Readonly
NOTATION_Readonly
PROCESSING_node is a ProcessingInstruction node.
Readonly
TEXT_node is a Text node.
access Key
Readonly
accessalign
Sets or retrieves how the object is aligned with adjacent text.
Deprecated
aria Atomic
aria Auto Complete
aria Busy
aria Checked
aria Col Count
aria Col Index
aria Col Index Text
aria Col Span
aria Current
aria Disabled
aria Expanded
aria Has Popup
aria Hidden
aria Invalid
aria Key Shortcuts
aria Label
aria Level
aria Live
aria Modal
aria Multi Line
aria Multi Selectable
aria Orientation
aria Placeholder
aria Pos In Set
aria Pressed
aria Read Only
aria Required
aria Role Description
aria Row Count
aria Row Index
aria Row Index Text
aria Row Span
aria Selected
aria Set Size
aria Sort
aria Value Max
aria Value Min
aria Value Now
aria Value Text
Readonly
assignedReadonly
attributesautocapitalize
autofocus
Readonly
baseURIReturns node's node document's document base URL.
Readonly
childReadonly
childReturns the children.
Readonly
childrenReturns the child elements.
Readonly
classAllows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
class Name
Returns the value of element's class content attribute. Can be set to change it.
Readonly
clientReadonly
clientReadonly
clientReadonly
clientcontent Editable
Readonly
datasetdir
draggable
enter Key Hint
Readonly
firstReturns the first child.
Readonly
firstReturns the first child that is an element, and null otherwise.
hidden
id
Returns the value of element's id content attribute. Can be set to change it.
inert
innerHTML
inner Text
input Mode
Readonly
isReturns true if node is connected and false otherwise.
Readonly
islang
Readonly
lastReturns the last child.
Readonly
lastReturns the last child that is an element, and null otherwise.
Readonly
localReturns the local name.
Readonly
namespaceURIReturns the namespace.
Readonly
nextReturns the first following sibling that is an element, and null otherwise.
Readonly
nextReturns the next sibling.
Readonly
nodeReturns a string appropriate for the type of node.
Readonly
nodeReturns the type of node.
node Value
Optional
nonceReadonly
offsetReadonly
offsetReadonly
offsetReadonly
offsetReadonly
offsetonabort
Fires when the user aborts the download.
Param: ev
The event.
onanimationcancel
onanimationend
onanimationiteration
onanimationstart
onauxclick
onbeforeinput
onblur
Fires when the object loses the input focus.
Param: ev
The focus event.
oncancel
oncanplay
Occurs when playback is possible, but would require further buffering.
Param: ev
The event.
oncanplaythrough
onchange
Fires when the contents of the object or selection have changed.
Param: ev
The event.
onclick
Fires when the user clicks the left mouse button on the object
Param: ev
The mouse event.
onclose
oncontextmenu
Fires when the user clicks the right mouse button in the client area, opening the context menu.
Param: ev
The mouse event.
oncopy
oncuechange
oncut
ondblclick
Fires when the user double-clicks the object.
Param: ev
The mouse event.
ondrag
Fires on the source object continuously during a drag operation.
Param: ev
The event.
ondragend
Fires on the source object when the user releases the mouse at the close of a drag operation.
Param: ev
The event.
ondragenter
Fires on the target element when the user drags the object to a valid drop target.
Param: ev
The drag event.
ondragleave
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
Param: ev
The drag event.
ondragover
Fires on the target element continuously while the user drags the object over a valid drop target.
Param: ev
The event.
ondragstart
Fires on the source object when the user starts to drag a text selection or selected object.
Param: ev
The event.
ondrop
ondurationchange
Occurs when the duration attribute is updated.
Param: ev
The event.
onemptied
Occurs when the media element is reset to its initial state.
Param: ev
The event.
onended
Occurs when the end of playback is reached.
Param: ev
The event
onerror
Fires when an error occurs during object loading.
Param: ev
The event.
onfocus
Fires when the object receives focus.
Param: ev
The event.
onformdata
onfullscreenchange
onfullscreenerror
ongotpointercapture
oninput
oninvalid
onkeydown
Fires when the user presses a key.
Param: ev
The keyboard event
onkeypress
Fires when the user presses an alphanumeric key.
Param: ev
The event.
Deprecated
onkeyup
Fires when the user releases a key.
Param: ev
The keyboard event
onload
Fires immediately after the browser loads the object.
Param: ev
The event.
onloadeddata
Occurs when media data is loaded at the current playback position.
Param: ev
The event.
onloadedmetadata
Occurs when the duration and dimensions of the media have been determined.
Param: ev
The event.
onloadstart
Occurs when Internet Explorer begins looking for media data.
Param: ev
The event.
onlostpointercapture
onmousedown
Fires when the user clicks the object with either mouse button.
Param: ev
The mouse event.
onmouseenter
onmouseleave
onmousemove
Fires when the user moves the mouse over the object.
Param: ev
The mouse event.
onmouseout
Fires when the user moves the mouse pointer outside the boundaries of the object.
Param: ev
The mouse event.
onmouseover
Fires when the user moves the mouse pointer into the object.
Param: ev
The mouse event.
onmouseup
Fires when the user releases a mouse button while the mouse is over the object.
Param: ev
The mouse event.
onpaste
onpause
Occurs when playback is paused.
Param: ev
The event.
onplay
Occurs when the play method is requested.
Param: ev
The event.
onplaying
Occurs when the audio or video has started playing.
Param: ev
The event.
onpointercancel
onpointerdown
onpointerenter
onpointerleave
onpointermove
onpointerout
onpointerover
onpointerup
onprogress
Occurs to indicate progress while downloading media data.
Param: ev
The event.
onratechange
Occurs when the playback rate is increased or decreased.
Param: ev
The event.
onreset
Fires when the user resets a form.
Param: ev
The event.
onresize
onscroll
Fires when the user repositions the scroll box in the scroll bar on the object.
Param: ev
The event.
onsecuritypolicyviolation
onseeked
Occurs when the seek operation ends.
Param: ev
The event.
onseeking
Occurs when the current playback position is moved.
Param: ev
The event.
onselect
Fires when the current selection changes.
Param: ev
The event.
onselectionchange
onselectstart
onslotchange
onstalled
Occurs when the download has stopped.
Param: ev
The event.
onsubmit
onsuspend
Occurs if the load operation has been intentionally halted.
Param: ev
The event.
ontimeupdate
Occurs to indicate the current playback position.
Param: ev
The event.
ontoggle
Optional
ontouchcancelOptional
ontouchendOptional
ontouchmoveOptional
ontouchstartontransitioncancel
ontransitionend
ontransitionrun
ontransitionstart
onvolumechange
Occurs when the volume is changed, or playback is muted or unmuted.
Param: ev
The event.
onwaiting
Occurs when playback stops because the next frame of a video resource is not available.
Param: ev
The event.
onwebkitanimationend
Deprecated
This is a legacy alias of
onanimationend
.onwebkitanimationiteration
Deprecated
This is a legacy alias of
onanimationiteration
.onwebkitanimationstart
Deprecated
This is a legacy alias of
onanimationstart
.onwebkittransitionend
Deprecated
This is a legacy alias of
ontransitionend
.onwheel
outerHTML
outer Text
Readonly
ownerReturns the node document. Returns null for documents.
Readonly
parentReturns the parent element.
Readonly
parentReturns the parent.
Readonly
partReadonly
prefixReturns the namespace prefix.
Readonly
previousReturns the first preceding sibling that is an element, and null otherwise.
Readonly
previousReturns the previous sibling.
role
Readonly
scrollscroll Left
scroll Top
Readonly
scrollReadonly
shadowReturns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
slot
Returns the value of element's slot content attribute. Can be set to change it.
spellcheck
Readonly
styletab Index
Readonly
tagReturns the HTML-uppercased qualified name.
text Content
title
translate
Methods
add Event Listener
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.
Type Parameters
Parameters
Parameters
Returns any
Optional
options: boolean | AddEventListenerOptionsReturns 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.
Parameters
Optional
options: boolean | AddEventListenerOptionsReturns void
after
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
animate
Parameters
Optional
options: number | KeyframeAnimationOptionsReturns Animation
append
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
append Child
Type Parameters
Parameters
Returns T
attach Internals
Returns ElementInternals
attach Shadow
Creates a shadow root for element and returns it.
Parameters
Returns ShadowRoot
before
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
blur
Returns void
click
Returns void
clone Node
Returns a copy of node. If deep is true, the copy also includes the node's descendants.
Parameters
Optional
deep: booleanReturns Node
closest
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
Type Parameters
Parameters
Returns null | HTMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | SVGElementTagNameMap[K]
Type Parameters
Parameters
Returns null | E
compare Document Position
Returns a bitmask indicating the position of other relative to node.
Parameters
Returns number
contains
Returns true if other is an inclusive descendant of node, and false otherwise.
Parameters
Returns boolean
dispatch Event
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.
Parameters
Returns boolean
focus
Parameters
Optional
options: FocusOptionsReturns void
get Animations
Parameters
Optional
options: GetAnimationsOptionsReturns Animation[]
get Attribute
Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.
Parameters
Returns null | string
get AttributeNS
Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.
Parameters
Returns null | string
get Attribute Names
Returns the qualified names of all element's attributes. Can contain duplicates.
Returns string[]
get Attribute Node
Parameters
Returns null | Attr
get Attribute NodeNS
Parameters
Returns null | Attr
get Bounding Client Rect
Returns DOMRect
get Client Rects
Returns DOMRectList
get Elements By Class Name
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.
Parameters
Returns HTMLCollectionOf<Element>
get Elements By Tag Name
Type Parameters
Parameters
Returns HTMLCollectionOf<HTMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns HTMLCollectionOf<SVGElementTagNameMap[K]>
Parameters
Returns HTMLCollectionOf<Element>
get Elements By Tag NameNS
Parameters
Returns HTMLCollectionOf<HTMLElement>
Parameters
Returns HTMLCollectionOf<SVGElement>
Parameters
Returns HTMLCollectionOf<Element>
get Root Node
Returns node's root.
Parameters
Optional
options: GetRootNodeOptionsReturns Node
has Attribute
Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.
Parameters
Returns boolean
has AttributeNS
Returns true if element has an attribute whose namespace is namespace and local name is localName.
Parameters
Returns boolean
has Attributes
Returns true if element has attributes, and false otherwise.
Returns boolean
has Child Nodes
Returns whether node has children.
Returns boolean
has Pointer Capture
Parameters
Returns boolean
insert Adjacent Element
Parameters
Returns null | Element
insert AdjacentHTML
Parameters
Returns void
insert Adjacent Text
Parameters
Returns void
insert Before
Type Parameters
Parameters
Returns T
is Default Namespace
Parameters
Returns boolean
is Equal Node
Returns whether node and otherNode have the same properties.
Parameters
Returns boolean
is Same Node
Parameters
Returns boolean
lookup NamespaceURI
Parameters
Returns null | string
lookup Prefix
Parameters
Returns null | string
matches
Returns true if matching selectors against element's root yields element, and false otherwise.
Parameters
Returns boolean
normalize
Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.
Returns void
prepend
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
query Selector
Returns the first element that is a descendant of node that matches selectors.
Type Parameters
Parameters
Returns null | HTMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | SVGElementTagNameMap[K]
Type Parameters
Parameters
Returns null | E
query Selector All
Returns all element descendants of node that match selectors.
Type Parameters
Parameters
Returns NodeListOf<HTMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns NodeListOf<SVGElementTagNameMap[K]>
Type Parameters
Parameters
Returns NodeListOf<E>
release Pointer Capture
Parameters
Returns void
remove
Removes node.
Returns void
remove Attribute
Removes element's first attribute whose qualified name is qualifiedName.
Parameters
Returns void
remove AttributeNS
Removes element's attribute whose namespace is namespace and local name is localName.
Parameters
Returns void
remove Attribute Node
Parameters
Returns Attr
remove Child
Type Parameters
Parameters
Returns T
remove Event Listener
Removes the event listener in target's event listener list with the same type, callback, and options.
Type Parameters
Parameters
Parameters
Returns any
Optional
options: boolean | EventListenerOptionsReturns void
Removes the event listener in target's event listener list with the same type, callback, and options.
Parameters
Optional
options: boolean | EventListenerOptionsReturns void
replace Child
Type Parameters
Parameters
Returns T
replace Children
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
replace With
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.
Parameters
Rest
...nodes: (string | Node)[]Returns void
request Fullscreen
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.
Parameters
Optional
options: FullscreenOptionsReturns Promise<void>
request Pointer Lock
Returns void
scroll
Parameters
Optional
options: ScrollToOptionsReturns void
Parameters
Returns void
scroll By
Parameters
Optional
options: ScrollToOptionsReturns void
Parameters
Returns void
scroll Into View
Parameters
Optional
arg: boolean | ScrollIntoViewOptionsReturns void
scroll To
Parameters
Optional
options: ScrollToOptionsReturns void
Parameters
Returns void
set Attribute
Sets the value of element's first attribute whose qualified name is qualifiedName to value.
Parameters
Returns void
set AttributeNS
Sets the value of element's attribute whose namespace is namespace and local name is localName to value.
Parameters
Returns void
set Attribute Node
Parameters
Returns null | Attr
set Attribute NodeNS
Parameters
Returns null | Attr
set Pointer Capture
Parameters
Returns void
toggle Attribute
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.
Parameters
Optional
force: booleanReturns boolean
webkit Matches Selector
Parameters
Returns boolean
Deprecated
This is a legacy alias of
matches
.Settings
On This Page
Properties
Methods