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
MDN Reference
ATTRIBUTE_NODE: 2;
CDATA_SECTION_NODE: 4;
COMMENT_NODE: 8;
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;
ELEMENT_NODE: 1;
ENTITY_NODE: 6;
ENTITY_REFERENCE_NODE: 5;
NOTATION_NODE: 12;
PROCESSING_INSTRUCTION_NODE: 7;
TEXT_NODE: 3;
accessKey: string;
accessKeyLabel: string;
align: string;
ariaAtomic: null | string;
ariaAutoComplete: null | string;
ariaBrailleLabel: null | string;
ariaBrailleRoleDescription: null | string;
ariaBusy: null | string;
ariaChecked: null | string;
ariaColCount: null | string;
ariaColIndex: null | string;
ariaColSpan: null | string;
ariaCurrent: null | string;
ariaDescription: 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;
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;
attributeStyleMap: StylePropertyMap;
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);
onbeforetoggle: null | ((this: GlobalEventHandlers, ev: Event) => 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: GlobalEventHandlers, ev: ClipboardEvent) => any);
oncuechange: null | ((this: GlobalEventHandlers, ev: Event) => any);
oncut: null | ((this: GlobalEventHandlers, 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: GlobalEventHandlers, 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);
onscrollend: 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;
popover: null | string;
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 | 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): null | HTMLElementTagNameMap[K];
closest<K>(selector: K): null | SVGElementTagNameMap[K];
closest<K>(selector: K): null | MathMLElementTagNameMap[K];
closest<E>(selectors: string): null | E;
compareDocumentPosition(other: Node): number;
computedStyleMap(): StylePropertyMapReadOnly;
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<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: 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;
hidePopover(): void;
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<K>(selectors: K): null | MathMLElementTagNameMap[K];
querySelector<K>(selectors: K): null | HTMLElementDeprecatedTagNameMap[K];
querySelector<E>(selectors: string): null | 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;
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;
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 (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
MDN Reference
Readonly
accessMDN Reference
align
Sets or retrieves how the object is aligned with adjacent text.
Deprecated
MDN Reference
aria Atomic
MDN Reference
aria Auto Complete
MDN Reference
aria Braille Label
aria Braille Role Description
aria Busy
MDN Reference
aria Checked
MDN Reference
aria Col Count
MDN Reference
aria Col Index
MDN Reference
aria Col Span
MDN Reference
aria Current
MDN Reference
aria Description
MDN Reference
aria Disabled
MDN Reference
aria Expanded
MDN Reference
aria Has Popup
MDN Reference
aria Hidden
MDN Reference
aria Invalid
aria Key Shortcuts
MDN Reference
aria Label
MDN Reference
aria Level
MDN Reference
aria Live
MDN Reference
aria Modal
MDN Reference
aria Multi Line
MDN Reference
aria Multi Selectable
MDN Reference
aria Orientation
MDN Reference
aria Placeholder
MDN Reference
aria Pos In Set
MDN Reference
aria Pressed
MDN Reference
aria Read Only
MDN Reference
aria Required
MDN Reference
aria Role Description
MDN Reference
aria Row Count
MDN Reference
aria Row Index
MDN Reference
aria Row Span
MDN Reference
aria Selected
MDN Reference
aria Set Size
MDN Reference
aria Sort
MDN Reference
aria Value Max
MDN Reference
aria Value Min
MDN Reference
aria Value Now
MDN Reference
aria Value Text
MDN Reference
Readonly
assignedMDN Reference
Readonly
attributeReadonly
attributesMDN Reference
autocapitalize
autofocus
MDN Reference
Readonly
baseURIReturns node's node document's document base URL.
MDN Reference
Readonly
childMDN Reference
Readonly
childReturns the children.
MDN Reference
Readonly
childrenReturns the child elements.
MDN Reference
Readonly
classAllows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
MDN Reference
class Name
Returns the value of element's class content attribute. Can be set to change it.
MDN Reference
Readonly
clientMDN Reference
Readonly
clientMDN Reference
Readonly
clientMDN Reference
Readonly
clientMDN Reference
content Editable
MDN Reference
Readonly
datasetMDN Reference
dir
MDN Reference
draggable
MDN Reference
enter Key Hint
MDN Reference
Readonly
firstReturns the first child.
MDN Reference
Readonly
firstReturns the first child that is an element, and null otherwise.
MDN Reference
hidden
MDN Reference
id
Returns the value of element's id content attribute. Can be set to change it.
MDN Reference
inert
MDN Reference
innerHTML
MDN Reference
inner Text
MDN Reference
input Mode
MDN Reference
Readonly
isReturns true if node is connected and false otherwise.
MDN Reference
Readonly
isMDN Reference
lang
MDN Reference
Readonly
lastReturns the last child.
MDN Reference
Readonly
lastReturns the last child that is an element, and null otherwise.
MDN Reference
Readonly
localReturns the local name.
MDN Reference
Readonly
namespaceURIReturns the namespace.
MDN Reference
Readonly
nextReturns the first following sibling that is an element, and null otherwise.
MDN Reference
Readonly
nextReturns the next sibling.
MDN Reference
Readonly
nodeReturns a string appropriate for the type of node.
MDN Reference
Readonly
nodeReturns the type of node.
MDN Reference
node Value
MDN Reference
Optional
nonceMDN Reference
Readonly
offsetMDN Reference
Readonly
offsetMDN Reference
Readonly
offsetMDN Reference
Readonly
offsetMDN Reference
Readonly
offsetMDN Reference
onabort
Fires when the user aborts the download.
Param: ev
The event.
MDN Reference
onanimationcancel
MDN Reference
onanimationend
MDN Reference
onanimationiteration
MDN Reference
onanimationstart
MDN Reference
onauxclick
MDN Reference
onbeforeinput
MDN Reference
onbeforetoggle
MDN Reference
onblur
Fires when the object loses the input focus.
Param: ev
The focus event.
MDN Reference
oncancel
MDN Reference
oncanplay
Occurs when playback is possible, but would require further buffering.
Param: ev
The event.
MDN Reference
oncanplaythrough
MDN Reference
onchange
Fires when the contents of the object or selection have changed.
Param: ev
The event.
MDN Reference
onclick
Fires when the user clicks the left mouse button on the object
Param: ev
The mouse event.
MDN Reference
onclose
MDN Reference
oncontextmenu
Fires when the user clicks the right mouse button in the client area, opening the context menu.
Param: ev
The mouse event.
MDN Reference
oncopy
MDN Reference
oncuechange
MDN Reference
oncut
MDN Reference
ondblclick
Fires when the user double-clicks the object.
Param: ev
The mouse event.
MDN Reference
ondrag
Fires on the source object continuously during a drag operation.
Param: ev
The event.
MDN Reference
ondragend
Fires on the source object when the user releases the mouse at the close of a drag operation.
Param: ev
The event.
MDN Reference
ondragenter
Fires on the target element when the user drags the object to a valid drop target.
Param: ev
The drag event.
MDN Reference
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.
MDN Reference
ondragover
Fires on the target element continuously while the user drags the object over a valid drop target.
Param: ev
The event.
MDN Reference
ondragstart
Fires on the source object when the user starts to drag a text selection or selected object.
Param: ev
The event.
MDN Reference
ondrop
MDN Reference
ondurationchange
Occurs when the duration attribute is updated.
Param: ev
The event.
MDN Reference
onemptied
Occurs when the media element is reset to its initial state.
Param: ev
The event.
MDN Reference
onended
Occurs when the end of playback is reached.
Param: ev
The event
MDN Reference
onerror
Fires when an error occurs during object loading.
Param: ev
The event.
MDN Reference
onfocus
Fires when the object receives focus.
Param: ev
The event.
MDN Reference
onformdata
MDN Reference
onfullscreenchange
MDN Reference
onfullscreenerror
MDN Reference
ongotpointercapture
MDN Reference
oninput
MDN Reference
oninvalid
MDN Reference
onkeydown
Fires when the user presses a key.
Param: ev
The keyboard event
MDN Reference
onkeypress
Fires when the user presses an alphanumeric key.
Param: ev
The event.
Deprecated
MDN Reference
onkeyup
Fires when the user releases a key.
Param: ev
The keyboard event
MDN Reference
onload
Fires immediately after the browser loads the object.
Param: ev
The event.
MDN Reference
onloadeddata
Occurs when media data is loaded at the current playback position.
Param: ev
The event.
MDN Reference
onloadedmetadata
Occurs when the duration and dimensions of the media have been determined.
Param: ev
The event.
MDN Reference
onloadstart
Occurs when Internet Explorer begins looking for media data.
Param: ev
The event.
MDN Reference
onlostpointercapture
MDN Reference
onmousedown
Fires when the user clicks the object with either mouse button.
Param: ev
The mouse event.
MDN Reference
onmouseenter
MDN Reference
onmouseleave
MDN Reference
onmousemove
Fires when the user moves the mouse over the object.
Param: ev
The mouse event.
MDN Reference
onmouseout
Fires when the user moves the mouse pointer outside the boundaries of the object.
Param: ev
The mouse event.
MDN Reference
onmouseover
Fires when the user moves the mouse pointer into the object.
Param: ev
The mouse event.
MDN Reference
onmouseup
Fires when the user releases a mouse button while the mouse is over the object.
Param: ev
The mouse event.
MDN Reference
onpaste
MDN Reference
onpause
Occurs when playback is paused.
Param: ev
The event.
MDN Reference
onplay
Occurs when the play method is requested.
Param: ev
The event.
MDN Reference
onplaying
Occurs when the audio or video has started playing.
Param: ev
The event.
MDN Reference
onpointercancel
MDN Reference
onpointerdown
MDN Reference
onpointerenter
MDN Reference
onpointerleave
MDN Reference
onpointermove
MDN Reference
onpointerout
MDN Reference
onpointerover
MDN Reference
onpointerup
MDN Reference
onprogress
Occurs to indicate progress while downloading media data.
Param: ev
The event.
MDN Reference
onratechange
Occurs when the playback rate is increased or decreased.
Param: ev
The event.
MDN Reference
onreset
Fires when the user resets a form.
Param: ev
The event.
MDN Reference
onresize
MDN Reference
onscroll
Fires when the user repositions the scroll box in the scroll bar on the object.
Param: ev
The event.
MDN Reference
onscrollend
MDN Reference
onsecuritypolicyviolation
MDN Reference
onseeked
Occurs when the seek operation ends.
Param: ev
The event.
MDN Reference
onseeking
Occurs when the current playback position is moved.
Param: ev
The event.
MDN Reference
onselect
Fires when the current selection changes.
Param: ev
The event.
MDN Reference
onselectionchange
MDN Reference
onselectstart
MDN Reference
onslotchange
MDN Reference
onstalled
Occurs when the download has stopped.
Param: ev
The event.
MDN Reference
onsubmit
MDN Reference
onsuspend
Occurs if the load operation has been intentionally halted.
Param: ev
The event.
MDN Reference
ontimeupdate
Occurs to indicate the current playback position.
Param: ev
The event.
MDN Reference
ontoggle
MDN Reference
Optional
ontouchcancelMDN Reference
Optional
ontouchendMDN Reference
Optional
ontouchmoveMDN Reference
Optional
ontouchstartMDN Reference
ontransitioncancel
MDN Reference
ontransitionend
MDN Reference
ontransitionrun
MDN Reference
ontransitionstart
MDN Reference
onvolumechange
Occurs when the volume is changed, or playback is muted or unmuted.
Param: ev
The event.
MDN Reference
onwaiting
Occurs when playback stops because the next frame of a video resource is not available.
Param: ev
The event.
MDN Reference
onwebkitanimationend
Deprecated
This is a legacy alias of
onanimationend
.MDN Reference
onwebkitanimationiteration
Deprecated
This is a legacy alias of
onanimationiteration
.MDN Reference
onwebkitanimationstart
Deprecated
This is a legacy alias of
onanimationstart
.MDN Reference
onwebkittransitionend
Deprecated
This is a legacy alias of
ontransitionend
.MDN Reference
onwheel
MDN Reference
outerHTML
MDN Reference
outer Text
MDN Reference
Readonly
ownerReturns the node document. Returns null for documents.
MDN Reference
Readonly
parentReturns the parent element.
MDN Reference
Readonly
parentReturns the parent.
MDN Reference
Readonly
partMDN Reference
popover
MDN Reference
Readonly
prefixReturns the namespace prefix.
MDN Reference
Readonly
previousReturns the first preceding sibling that is an element, and null otherwise.
MDN Reference
Readonly
previousReturns the previous sibling.
MDN Reference
role
Readonly
scrollMDN Reference
scroll Left
MDN Reference
scroll Top
MDN Reference
Readonly
scrollMDN Reference
Readonly
shadowReturns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
MDN Reference
slot
Returns the value of element's slot content attribute. Can be set to change it.
MDN Reference
spellcheck
MDN Reference
Readonly
styleMDN Reference
tab Index
MDN Reference
Readonly
tagReturns the HTML-uppercased qualified name.
MDN Reference
text Content
MDN Reference
title
MDN Reference
translate
MDN Reference
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.
MDN Reference
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.
MDN Reference
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.
MDN Reference
Parameters
Rest
...nodes: (string | Node)[]Returns void
animate
MDN Reference
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.
MDN Reference
Parameters
Rest
...nodes: (string | Node)[]Returns void
append Child
MDN Reference
Type Parameters
Parameters
Returns T
attach Internals
MDN Reference
Returns ElementInternals
attach Shadow
Creates a shadow root for element and returns it.
MDN Reference
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.
MDN Reference
Parameters
Rest
...nodes: (string | Node)[]Returns void
blur
MDN Reference
Returns void
check Visibility
MDN Reference
Parameters
Optional
options: CheckVisibilityOptionsReturns boolean
click
MDN Reference
Returns void
clone Node
Returns a copy of node. If deep is true, the copy also includes the node's descendants.
MDN Reference
Parameters
Optional
deep: booleanReturns Node
closest
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
MDN Reference
Type Parameters
Parameters
Returns null | HTMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | SVGElementTagNameMap[K]
Type Parameters
Parameters
Returns null | MathMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | E
compare Document Position
Returns a bitmask indicating the position of other relative to node.
MDN Reference
Parameters
Returns number
computed Style Map
MDN Reference
Returns StylePropertyMapReadOnly
contains
Returns true if other is an inclusive descendant of node, and false otherwise.
MDN Reference
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.
MDN Reference
Parameters
Returns boolean
focus
MDN Reference
Parameters
Optional
options: FocusOptionsReturns void
get Animations
MDN Reference
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.
MDN Reference
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.
MDN Reference
Parameters
Returns null | string
get Attribute Names
Returns the qualified names of all element's attributes. Can contain duplicates.
MDN Reference
Returns string[]
get Attribute Node
MDN Reference
Parameters
Returns null | Attr
get Attribute NodeNS
MDN Reference
Parameters
Returns null | Attr
get Bounding Client Rect
MDN Reference
Returns DOMRect
get Client Rects
MDN Reference
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.
MDN Reference
Parameters
Returns HTMLCollectionOf<Element>
get Elements By Tag Name
MDN Reference
Type Parameters
Parameters
Returns HTMLCollectionOf<HTMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns HTMLCollectionOf<SVGElementTagNameMap[K]>
Type Parameters
Parameters
Returns HTMLCollectionOf<MathMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>
Deprecated
Parameters
Returns HTMLCollectionOf<Element>
get Elements By Tag NameNS
MDN Reference
Parameters
Returns HTMLCollectionOf<HTMLElement>
Parameters
Returns HTMLCollectionOf<SVGElement>
Parameters
Returns HTMLCollectionOf<MathMLElement>
Parameters
Returns HTMLCollectionOf<Element>
get Root Node
Returns node's root.
MDN Reference
Parameters
Optional
options: GetRootNodeOptionsReturns Node
has Attribute
Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.
MDN Reference
Parameters
Returns boolean
has AttributeNS
Returns true if element has an attribute whose namespace is namespace and local name is localName.
MDN Reference
Parameters
Returns boolean
has Attributes
Returns true if element has attributes, and false otherwise.
MDN Reference
Returns boolean
has Child Nodes
Returns whether node has children.
MDN Reference
Returns boolean
has Pointer Capture
MDN Reference
Parameters
Returns boolean
hide Popover
MDN Reference
Returns void
insert Adjacent Element
MDN Reference
Parameters
Returns null | Element
insert AdjacentHTML
MDN Reference
Parameters
Returns void
insert Adjacent Text
MDN Reference
Parameters
Returns void
insert Before
MDN Reference
Type Parameters
Parameters
Returns T
is Default Namespace
MDN Reference
Parameters
Returns boolean
is Equal Node
Returns whether node and otherNode have the same properties.
MDN Reference
Parameters
Returns boolean
is Same Node
MDN Reference
Parameters
Returns boolean
lookup NamespaceURI
MDN Reference
Parameters
Returns null | string
lookup Prefix
MDN Reference
Parameters
Returns null | string
matches
Returns true if matching selectors against element's root yields element, and false otherwise.
MDN Reference
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.
MDN Reference
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.
MDN Reference
Parameters
Rest
...nodes: (string | Node)[]Returns void
query Selector
Returns the first element that is a descendant of node that matches selectors.
MDN Reference
Type Parameters
Parameters
Returns null | HTMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | SVGElementTagNameMap[K]
Type Parameters
Parameters
Returns null | MathMLElementTagNameMap[K]
Type Parameters
Parameters
Returns null | HTMLElementDeprecatedTagNameMap[K]
Deprecated
Type Parameters
Parameters
Returns null | E
query Selector All
Returns all element descendants of node that match selectors.
MDN Reference
Type Parameters
Parameters
Returns NodeListOf<HTMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns NodeListOf<SVGElementTagNameMap[K]>
Type Parameters
Parameters
Returns NodeListOf<MathMLElementTagNameMap[K]>
Type Parameters
Parameters
Returns NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
Deprecated
Type Parameters
Parameters
Returns NodeListOf<E>
release Pointer Capture
MDN Reference
Parameters
Returns void
remove
Removes node.
MDN Reference
Returns void
remove Attribute
Removes element's first attribute whose qualified name is qualifiedName.
MDN Reference
Parameters
Returns void
remove AttributeNS
Removes element's attribute whose namespace is namespace and local name is localName.
MDN Reference
Parameters
Returns void
remove Attribute Node
MDN Reference
Parameters
Returns Attr
remove Child
MDN Reference
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.
MDN Reference
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.
MDN Reference
Parameters
Optional
options: boolean | EventListenerOptionsReturns void
replace Child
MDN Reference
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.
MDN Reference
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.
MDN Reference
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.
MDN Reference
Parameters
Optional
options: FullscreenOptionsReturns Promise<void>
request Pointer Lock
MDN Reference
Returns void
scroll
MDN Reference
Parameters
Optional
options: ScrollToOptionsReturns void
Parameters
Returns void
scroll By
MDN Reference
Parameters
Optional
options: ScrollToOptionsReturns void
Parameters
Returns void
scroll Into View
MDN Reference
Parameters
Optional
arg: boolean | ScrollIntoViewOptionsReturns void
scroll To
MDN Reference
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.
MDN Reference
Parameters
Returns void
set AttributeNS
Sets the value of element's attribute whose namespace is namespace and local name is localName to value.
MDN Reference
Parameters
Returns void
set Attribute Node
MDN Reference
Parameters
Returns null | Attr
set Attribute NodeNS
MDN Reference
Parameters
Returns null | Attr
setHTMLUnsafe
Parameters
Returns void
set Pointer Capture
MDN Reference
Parameters
Returns void
show Popover
MDN Reference
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.
MDN Reference
Parameters
Optional
force: booleanReturns boolean
toggle Popover
MDN Reference
Parameters
Optional
force: booleanReturns boolean
webkit Matches Selector
Parameters
Returns boolean
Deprecated
This is a legacy alias of
matches
.MDN Reference
Settings
On This Page
Properties
Methods