Interface SVGGElement
ariaActiveDescendantElement: Element | null;
ariaAtomic: string | null;
ariaAutoComplete: string | null;
ariaBrailleLabel: string | null;
ariaBrailleRoleDescription: string | null;
ariaBusy: string | null;
ariaChecked: string | null;
ariaColCount: string | null;
ariaColIndex: string | null;
ariaColIndexText: string | null;
ariaColSpan: string | null;
ariaControlsElements: readonly Element[] | null;
ariaCurrent: string | null;
ariaDescribedByElements: readonly Element[] | null;
ariaDescription: string | null;
ariaDetailsElements: readonly Element[] | null;
ariaDisabled: string | null;
ariaErrorMessageElements: readonly Element[] | null;
ariaExpanded: string | null;
ariaFlowToElements: readonly Element[] | null;
ariaHasPopup: string | null;
ariaHidden: string | null;
ariaInvalid: string | null;
ariaKeyShortcuts: string | null;
ariaLabel: string | null;
ariaLabelledByElements: readonly Element[] | null;
ariaLevel: string | null;
ariaLive: string | null;
ariaModal: string | null;
ariaMultiLine: string | null;
ariaMultiSelectable: string | null;
ariaOrientation: string | null;
ariaOwnsElements: readonly Element[] | null;
ariaPlaceholder: string | null;
ariaPosInSet: string | null;
ariaPressed: string | null;
ariaReadOnly: string | null;
ariaRelevant: string | null;
ariaRequired: string | null;
ariaRoleDescription: string | null;
ariaRowCount: string | null;
ariaRowIndex: string | null;
ariaRowIndexText: string | null;
ariaRowSpan: string | null;
ariaSelected: string | null;
ariaSetSize: string | null;
ariaSort: string | null;
ariaValueMax: string | null;
ariaValueMin: string | null;
ariaValueNow: string | null;
ariaValueText: string | null;
assignedSlot: HTMLSlotElement | null;
ATTRIBUTE_NODE: 2;
attributes: NamedNodeMap;
attributeStyleMap: StylePropertyMap;
autofocus: boolean;
baseURI: string;
CDATA_SECTION_NODE: 4;
childElementCount: number;
childNodes: NodeListOf<ChildNode>;
children: HTMLCollection;
className: any;
clientHeight: number;
clientLeft: number;
clientTop: number;
clientWidth: number;
COMMENT_NODE: 8;
currentCSSZoom: number;
dataset: DOMStringMap;
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;
firstChild: ChildNode | null;
firstElementChild: Element | null;
id: string;
innerHTML: string;
isConnected: boolean;
lastChild: ChildNode | null;
lastElementChild: Element | null;
localName: string;
namespaceURI: string | null;
nextElementSibling: Element | null;
nextSibling: ChildNode | null;
nodeName: string;
nodeType: number;
nodeValue: string | null;
nonce?: string;
NOTATION_NODE: 12;
onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
onanimationcancel:
| ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
| null;
onanimationend:
| ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
| null;
onanimationiteration:
| ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
| null;
onanimationstart:
| ((this: GlobalEventHandlers, ev: AnimationEvent) => any)
| null;
onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onbeforetoggle:
| ((this: GlobalEventHandlers, ev: ToggleEvent) => any)
| null;
onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncontextmenu:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onerror: OnErrorEventHandler;
onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
onfullscreenchange: ((this: Element, ev: Event) => any) | null;
onfullscreenerror: ((this: Element, ev: Event) => any) | null;
ongotpointercapture:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onlostpointercapture:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onpointercancel:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointerdown:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointerenter:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointerleave:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointermove:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onpointerover:
| ((this: GlobalEventHandlers, ev: PointerEvent) => any)
| null;
onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsecuritypolicyviolation:
| (
(this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any
)
| null;
onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;
ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;
ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;
ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null;
ontransitioncancel:
| ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
| null;
ontransitionend:
| ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
| null;
ontransitionrun:
| ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
| null;
ontransitionstart:
| ((this: GlobalEventHandlers, ev: TransitionEvent) => any)
| null;
onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
onwebkitanimationend:
| ((this: GlobalEventHandlers, ev: Event) => any)
| null;
onwebkitanimationiteration:
| ((this: GlobalEventHandlers, ev: Event) => any)
| null;
onwebkitanimationstart:
| ((this: GlobalEventHandlers, ev: Event) => any)
| null;
onwebkittransitionend:
| ((this: GlobalEventHandlers, ev: Event) => any)
| null;
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
outerHTML: string;
ownerDocument: Document;
ownerSVGElement: SVGSVGElement | null;
parentElement: HTMLElement | null;
parentNode: ParentNode | null;
prefix: string | null;
previousElementSibling: Element | null;
previousSibling: ChildNode | null;
PROCESSING_INSTRUCTION_NODE: 7;
requiredExtensions: SVGStringList;
role: string | null;
scrollHeight: number;
scrollLeft: number;
scrollTop: number;
scrollWidth: number;
shadowRoot: ShadowRoot | null;
slot: string;
systemLanguage: SVGStringList;
tabIndex: number;
tagName: string;
TEXT_NODE: 3;
transform: SVGAnimatedTransformList;
viewportElement: SVGElement | null;
get classList(): DOMTokenList;
set classList(value: string): void;
get part(): DOMTokenList;
set part(value: string): void;
get style(): CSSStyleDeclaration;
set style(cssText: string): void;
get textContent(): string;
set textContent(value: string | null): void;
addEventListener<K extends keyof SVGElementEventMap>(
type: K,
listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any,
options?: boolean | AddEventListenerOptions,
): void;
addEventListener(
type: string,
listener: EventListenerOrEventListenerObject,
options?: boolean | AddEventListenerOptions,
): void;
after(...nodes: (string | Node)[]): void;
animate(
keyframes: Keyframe[] | PropertyIndexedKeyframes | null,
options?: number | KeyframeAnimationOptions,
): Animation;
append(...nodes: (string | Node)[]): void;
appendChild<T extends Node>(node: T): T;
attachShadow(init: ShadowRootInit): ShadowRoot;
before(...nodes: (string | Node)[]): void;
blur(): void;
checkVisibility(options?: CheckVisibilityOptions): boolean;
cloneNode(subtree?: boolean): Node;
closest<K extends keyof HTMLElementTagNameMap>(
selector: K,
): HTMLElementTagNameMap[K] | null;
closest<K extends keyof SVGElementTagNameMap>(
selector: K,
): SVGElementTagNameMap[K] | null;
closest<K extends keyof MathMLElementTagNameMap>(
selector: K,
): MathMLElementTagNameMap[K] | null;
closest<E extends Element = Element>(selectors: string): E | null;
compareDocumentPosition(other: Node): number;
computedStyleMap(): StylePropertyMapReadOnly;
contains(other: Node | null): boolean;
dispatchEvent(event: Event): boolean;
focus(options?: FocusOptions): void;
getAnimations(options?: GetAnimationsOptions): Animation[];
getAttribute(qualifiedName: string): string | null;
getAttributeNames(): string[];
getAttributeNode(qualifiedName: string): Attr | null;
getAttributeNodeNS(
namespace: string | null,
localName: string,
): Attr | null;
getAttributeNS(namespace: string | null, localName: string): string | null;
getBBox(options?: SVGBoundingBoxOptions): DOMRect;
getBoundingClientRect(): DOMRect;
getClientRects(): DOMRectList;
getCTM(): DOMMatrix | null;
getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
getElementsByTagName<K extends keyof HTMLElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
getElementsByTagName<K extends keyof SVGElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<SVGElementTagNameMap[K]>;
getElementsByTagName<K extends keyof MathMLElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/1999/xhtml",
localName: string,
): HTMLCollectionOf<HTMLElement>;
getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/2000/svg",
localName: string,
): HTMLCollectionOf<SVGElement>;
getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/1998/Math/MathML",
localName: string,
): HTMLCollectionOf<MathMLElement>;
getElementsByTagNameNS(
namespace: string | null,
localName: string,
): HTMLCollectionOf<Element>;
getHTML(options?: GetHTMLOptions): string;
getRootNode(options?: GetRootNodeOptions): Node;
getScreenCTM(): DOMMatrix | null;
hasAttribute(qualifiedName: string): boolean;
hasAttributeNS(namespace: string | null, localName: string): boolean;
hasAttributes(): boolean;
hasChildNodes(): boolean;
hasPointerCapture(pointerId: number): boolean;
insertAdjacentElement(
where: InsertPosition,
element: Element,
): Element | null;
insertAdjacentHTML(position: InsertPosition, string: string): void;
insertAdjacentText(where: InsertPosition, data: string): void;
insertBefore<T extends Node>(node: T, child: Node | null): T;
isDefaultNamespace(namespace: string | null): boolean;
isEqualNode(otherNode: Node | null): boolean;
isSameNode(otherNode: Node | null): boolean;
lookupNamespaceURI(prefix: string | null): string | null;
lookupPrefix(namespace: string | null): string | null;
matches(selectors: string): boolean;
normalize(): void;
prepend(...nodes: (string | Node)[]): void;
querySelector<K extends keyof HTMLElementTagNameMap>(
selectors: K,
): HTMLElementTagNameMap[K] | null;
querySelector<K extends keyof SVGElementTagNameMap>(
selectors: K,
): SVGElementTagNameMap[K] | null;
querySelector<K extends keyof MathMLElementTagNameMap>(
selectors: K,
): MathMLElementTagNameMap[K] | null;
querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(
selectors: K,
): HTMLElementDeprecatedTagNameMap[K] | null;
querySelector<E extends Element = Element>(selectors: string): E | null;
querySelectorAll<K extends keyof HTMLElementTagNameMap>(
selectors: K,
): NodeListOf<HTMLElementTagNameMap[K]>;
querySelectorAll<K extends keyof SVGElementTagNameMap>(
selectors: K,
): NodeListOf<SVGElementTagNameMap[K]>;
querySelectorAll<K extends keyof MathMLElementTagNameMap>(
selectors: K,
): NodeListOf<MathMLElementTagNameMap[K]>;
querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(
selectors: K,
): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
querySelectorAll<E extends Element = Element>(
selectors: string,
): NodeListOf<E>;
releasePointerCapture(pointerId: number): void;
remove(): void;
removeAttribute(qualifiedName: string): void;
removeAttributeNode(attr: Attr): Attr;
removeAttributeNS(namespace: string | null, localName: string): void;
removeChild<T extends Node>(child: T): T;
removeEventListener<K extends keyof SVGElementEventMap>(
type: K,
listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any,
options?: boolean | EventListenerOptions,
): void;
removeEventListener(
type: string,
listener: EventListenerOrEventListenerObject,
options?: boolean | EventListenerOptions,
): void;
replaceChild<T extends Node>(node: Node, child: T): T;
replaceChildren(...nodes: (string | Node)[]): void;
replaceWith(...nodes: (string | Node)[]): void;
requestFullscreen(options?: FullscreenOptions): Promise<void>;
requestPointerLock(options?: PointerLockOptions): Promise<void>;
scroll(options?: ScrollToOptions): void;
scroll(x: number, y: number): void;
scrollBy(options?: ScrollToOptions): void;
scrollBy(x: number, y: number): void;
scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
scrollTo(options?: ScrollToOptions): void;
scrollTo(x: number, y: number): void;
setAttribute(qualifiedName: string, value: string): void;
setAttributeNode(attr: Attr): Attr | null;
setAttributeNodeNS(attr: Attr): Attr | null;
setAttributeNS(
namespace: string | null,
qualifiedName: string,
value: string,
): void;
setHTMLUnsafe(html: string): void;
setPointerCapture(pointerId: number): void;
toggleAttribute(qualifiedName: string, force?: boolean): boolean;
webkitMatchesSelector(selectors: string): boolean;
}
Hierarchy
- SVGGraphicsElement
- SVGGElement (View Summary)
Index
Properties
Accessors
Methods
Properties
ariaActiveDescendantElement
ariaAtomic
ariaAutoComplete
ariaBrailleLabel
ariaBrailleRoleDescription
ariaBusy
ariaChecked
ariaColCount
ariaColIndex
ariaColIndexText
ariaColSpan
ariaControlsElements
ariaCurrent
ariaDescribedByElements
ariaDescription
ariaDetailsElements
ariaDisabled
ariaErrorMessageElements
ariaExpanded
ariaFlowToElements
ariaHasPopup
ariaHidden
ariaInvalid
ariaKeyShortcuts
ariaLabel
ariaLabelledByElements
ariaLevel
ariaLive
ariaModal
ariaMultiLine
ariaMultiSelectable
ariaOrientation
ariaOwnsElements
ariaPlaceholder
ariaPosInSet
ariaPressed
ariaReadOnly
ariaRelevant
ariaRequired
ariaRoleDescription
ariaRowCount
ariaRowIndex
ariaRowIndexText
ariaRowSpan
ariaSelected
ariaSetSize
ariaSort
ariaValueMax
ariaValueMin
ariaValueNow
ariaValueText
ReadonlyassignedSlot
ReadonlyATTRIBUTE_NODE
Readonlyattributes
The Element.attributes property returns a live collection of all attribute nodes registered to the specified node.
ReadonlyattributeStyleMap
autofocus
ReadonlybaseURI
The read-only baseURI property of the Node interface returns the absolute base URL of the document containing the node.
ReadonlyCDATA_SECTION_NODE
node is a CDATASection node.
ReadonlychildElementCount
ReadonlychildNodes
The read-only childNodes property of the Node interface returns a live the first child node is assigned index 0.
Readonlychildren
Returns the child elements.
ReadonlyclassName
ReadonlyclientHeight
The clientHeight read-only property of the Element interface is zero for elements with no CSS or inline layout boxes; otherwise, it's the inner height of an element in pixels.
ReadonlyclientLeft
The clientLeft read-only property of the Element interface returns the width of the left border of an element in pixels.
ReadonlyclientTop
The clientTop read-only property of the Element interface returns the width of the top border of an element in pixels.
ReadonlyclientWidth
The clientWidth read-only property of the Element interface is zero for inline elements and elements with no CSS; otherwise, it's the inner width of an element in pixels.
ReadonlyCOMMENT_NODE
node is a Comment node.
ReadonlycurrentCSSZoom
The currentCSSZoom read-only property of the Element interface provides the 'effective' CSS zoom of an element, taking into account the zoom applied to the element and all its parent elements.
Readonlydataset
ReadonlyDOCUMENT_FRAGMENT_NODE
node is a DocumentFragment node.
ReadonlyDOCUMENT_NODE
node is a document.
ReadonlyDOCUMENT_POSITION_CONTAINED_BY
Set when other is a descendant of node.
ReadonlyDOCUMENT_POSITION_CONTAINS
Set when other is an ancestor of node.
ReadonlyDOCUMENT_POSITION_DISCONNECTED
Set when node and other are not in the same tree.
ReadonlyDOCUMENT_POSITION_FOLLOWING
Set when other is following node.
ReadonlyDOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
ReadonlyDOCUMENT_POSITION_PRECEDING
Set when other is preceding node.
ReadonlyDOCUMENT_TYPE_NODE
node is a doctype.
ReadonlyELEMENT_NODE
node is an element.
ReadonlyENTITY_NODE
ReadonlyENTITY_REFERENCE_NODE
ReadonlyfirstChild
The read-only firstChild property of the Node interface returns the node's first child in the tree, or null if the node has no children.
ReadonlyfirstElementChild
Returns the first child that is an element, and null otherwise.
id
The id property of the Element interface represents the element's identifier, reflecting the id global attribute.
innerHTML
The innerHTML property of the Element interface gets or sets the HTML or XML markup contained within the element.
ReadonlyisConnected
The read-only isConnected property of the Node interface returns a boolean indicating whether the node is connected (directly or indirectly) to a Document object.
ReadonlylastChild
The read-only lastChild property of the Node interface returns the last child of the node, or null if there are no child nodes.
ReadonlylastElementChild
Returns the last child that is an element, and null otherwise.
ReadonlylocalName
The Element.localName read-only property returns the local part of the qualified name of an element.
ReadonlynamespaceURI
The Element.namespaceURI read-only property returns the namespace URI of the element, or null if the element is not in a namespace.
ReadonlynextElementSibling
Returns the first following sibling that is an element, and null otherwise.
ReadonlynextSibling
The read-only nextSibling property of the Node interface returns the node immediately following the specified one in their parent's Node.childNodes, or returns null if the specified node is the last child in the parent element.
ReadonlynodeName
The read-only nodeName property of Node returns the name of the current node as a string.
ReadonlynodeType
The read-only nodeType property of a Node interface is an integer that identifies what the node is.
nodeValue
The nodeValue property of the Node interface returns or sets the value of the current node.
Optionalnonce
ReadonlyNOTATION_NODE
onabort
onanimationcancel
onanimationend
onanimationiteration
onanimationstart
onauxclick
onbeforeinput
onbeforematch
onbeforetoggle
onblur
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncontextlost
oncontextmenu
oncontextrestored
oncopy
oncuechange
oncut
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformdata
onfullscreenchange
onfullscreenerror
ongotpointercapture
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onlostpointercapture
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onpaste
onpause
onplay
onplaying
onpointercancel
onpointerdown
onpointerenter
onpointerleave
onpointermove
onpointerout
onpointerover
onpointerrawupdate
Available only in secure contexts.
onpointerup
onprogress
onratechange
onreset
onresize
onscroll
onscrollend
onsecuritypolicyviolation
| ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any)
| null
onseeked
onseeking
onselect
onselectionchange
onselectstart
onslotchange
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
Optionalontouchcancel
Optionalontouchend
Optionalontouchmove
Optionalontouchstart
ontransitioncancel
ontransitionend
ontransitionrun
ontransitionstart
onvolumechange
onwaiting
onwebkitanimationend
onwebkitanimationiteration
onwebkitanimationstart
onwebkittransitionend
onwheel
outerHTML
The outerHTML attribute of the Element DOM interface gets the serialized HTML fragment describing the element including its descendants.
ReadonlyownerDocument
The read-only ownerDocument property of the Node interface returns the top-level document object of the node.
ReadonlyownerSVGElement
The ownerSVGElement property of the SVGElement interface reflects the nearest ancestor svg element.
ReadonlyparentElement
The read-only parentElement property of Node interface returns the DOM node's parent Element, or null if the node either has no parent, or its parent isn't a DOM Element.
ReadonlyparentNode
The read-only parentNode property of the Node interface returns the parent of the specified node in the DOM tree.
Readonlyprefix
The Element.prefix read-only property returns the namespace prefix of the specified element, or null if no prefix is specified.
ReadonlypreviousElementSibling
Returns the first preceding sibling that is an element, and null otherwise.
ReadonlypreviousSibling
The read-only previousSibling property of the Node interface returns the node immediately preceding the specified one in its parent's or null if the specified node is the first in that list.
ReadonlyPROCESSING_INSTRUCTION_NODE
node is a ProcessingInstruction node.
ReadonlyrequiredExtensions
role
ReadonlyscrollHeight
The scrollHeight read-only property of the Element interface is a measurement of the height of an element's content, including content not visible on the screen due to overflow.
scrollLeft
The scrollLeft property of the Element interface gets or sets the number of pixels by which an element's content is scrolled from its left edge.
scrollTop
The scrollTop property of the Element interface gets or sets the number of pixels by which an element's content is scrolled from its top edge.
ReadonlyscrollWidth
The scrollWidth read-only property of the Element interface is a measurement of the width of an element's content, including content not visible on the screen due to overflow.
ReadonlyshadowRoot
The Element.shadowRoot read-only property represents the shadow root hosted by the element.
slot
The slot property of the Element interface returns the name of the shadow DOM slot the element is inserted in.
ReadonlysystemLanguage
tabIndex
ReadonlytagName
The tagName read-only property of the Element interface returns the tag name of the element on which it's called.
ReadonlyTEXT_NODE
node is a Text node.
Readonlytransform
The transform read-only property of the SVGGraphicsElement interface reflects the computed value of the transform property and its corresponding transform attribute of the given element.
ReadonlyviewportElement
The viewportElement property of the SVGElement interface represents the SVGElement which established the current viewport.
Accessors
classList
- get classList(): DOMTokenList
The
Element.classListis a read-only property that returns a live DOMTokenList collection of theclassattributes of the element.Returns DOMTokenList
- set classList(value: string): void
Parameters
- value: string
Returns void
part
- get part(): DOMTokenList
The
partproperty of the Element interface represents the part identifier(s) of the element (i.e., set using thepartattribute), returned as a DOMTokenList.Returns DOMTokenList
- set part(value: string): void
Parameters
- value: string
Returns void
style
- get style(): CSSStyleDeclaration
Returns CSSStyleDeclaration
- set style(cssText: string): void
Parameters
- cssText: string
Returns void
textContent
- get textContent(): string
Returns string
- set textContent(value: string | null): void
The
textContentproperty of the Node interface represents the text content of the node and its descendants.Parameters
- value: string | null
Returns void
Methods
addEventListener
- addEventListener<K extends keyof SVGElementEventMap>(
type: K,
listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any,
options?: boolean | AddEventListenerOptions,
): voidThe
addEventListener()method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.Type Parameters
- K extends keyof SVGElementEventMap
Parameters
- type: K
- listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any
Optionaloptions: boolean | AddEventListenerOptions
Returns void
- addEventListener(
type: string,
listener: EventListenerOrEventListenerObject,
options?: boolean | AddEventListenerOptions,
): voidThe
addEventListener()method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.Parameters
- type: string
- listener: EventListenerOrEventListenerObject
Optionaloptions: boolean | AddEventListenerOptions
Returns 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
- ...nodes: (string | Node)[]
Returns void
animate
- animate(
keyframes: Keyframe[] | PropertyIndexedKeyframes | null,
options?: number | KeyframeAnimationOptions,
): AnimationParameters
- keyframes: Keyframe[] | PropertyIndexedKeyframes | null
Optionaloptions: number | KeyframeAnimationOptions
Returns 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
- ...nodes: (string | Node)[]
Returns void
appendChild
attachShadow
The
Element.attachShadow()method attaches a shadow DOM tree to the specified element and returns a reference to its ShadowRoot.Parameters
- init: ShadowRootInit
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
- ...nodes: (string | Node)[]
Returns void
blur
Returns void
checkVisibility
The
checkVisibility()method of the Element interface checks whether the element is visible.Parameters
Optionaloptions: CheckVisibilityOptions
Returns boolean
cloneNode
The
cloneNode()method of the Node interface returns a duplicate of the node on which this method was called.Parameters
Optionalsubtree: boolean
Returns Node
closest
The
closest()method of the Element interface traverses the element and its parents (heading toward the document root) until it finds a node that matches the specified CSS selector.Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selector: K
Returns HTMLElementTagNameMap[K] | null
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selector: K
Returns SVGElementTagNameMap[K] | null
Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selector: K
Returns MathMLElementTagNameMap[K] | null
compareDocumentPosition
The
compareDocumentPosition()method of the Node interface reports the position of its argument node relative to the node on which it is called.Parameters
- other: Node
Returns number
computedStyleMap
The
computedStyleMap()method of the Element interface returns a StylePropertyMapReadOnly interface which provides a read-only representation of a CSS declaration block that is an alternative to CSSStyleDeclaration.Returns StylePropertyMapReadOnly
contains
The
contains()method of the Node interface returns a boolean value indicating whether a node is a descendant of a given node, that is the node itself, one of its direct children (Node.childNodes), one of the children's direct children, and so on.Parameters
- other: Node | null
Returns boolean
dispatchEvent
The
dispatchEvent()method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order.Parameters
- event: Event
Returns boolean
focus
getAnimations
getAttribute
The
getAttribute()method of the element.Parameters
- qualifiedName: string
Returns string | null
getAttributeNames
The
getAttributeNames()method of the array.Returns string[]
getAttributeNode
Returns the specified attribute of the specified element, as an Attr node.
Parameters
- qualifiedName: string
Returns Attr | null
getAttributeNodeNS
The
getAttributeNodeNS()method of the Element interface returns the namespaced Attr node of an element.Parameters
- namespace: string | null
- localName: string
Returns Attr | null
getAttributeNS
The
getAttributeNS()method of the Element interface returns the string value of the attribute with the specified namespace and name.Parameters
- namespace: string | null
- localName: string
Returns string | null
getBBox
The
SVGGraphicsElement.getBBox()method allows us to determine the coordinates of the smallest rectangle in which the object fits.Parameters
Optionaloptions: SVGBoundingBoxOptions
Returns DOMRect
getBoundingClientRect
The
Element.getBoundingClientRect()method returns a position relative to the viewport.Returns DOMRect
getClientRects
The
getClientRects()method of the Element interface returns a collection of DOMRect objects that indicate the bounding rectangles for each CSS border box in a client.Returns DOMRectList
getCTM
The
getCTM()method of the SVGGraphicsElement interface represents the matrix that transforms the current element's coordinate system to its SVG viewport's coordinate system.Returns DOMMatrix | null
getElementsByClassName
The Element method
getElementsByClassName()returns a live specified class name or names.Parameters
- classNames: string
Returns HTMLCollectionOf<Element>
getElementsByTagName
- getElementsByTagName<K extends keyof HTMLElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<HTMLElementTagNameMap[K]>The
Element.getElementsByTagName()method returns a live All descendants of the specified element are searched, but not the element itself.Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<HTMLElementTagNameMap[K]>
- getElementsByTagName<K extends keyof SVGElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<SVGElementTagNameMap[K]>Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<SVGElementTagNameMap[K]>
- getElementsByTagName<K extends keyof MathMLElementTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<MathMLElementTagNameMap[K]>Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<MathMLElementTagNameMap[K]>
- getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(
qualifiedName: K,
): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- qualifiedName: K
Returns HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>
Parameters
- qualifiedName: string
Returns HTMLCollectionOf<Element>
getElementsByTagNameNS
- getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/1999/xhtml",
localName: string,
): HTMLCollectionOf<HTMLElement>The
Element.getElementsByTagNameNS()method returns a live HTMLCollection of elements with the given tag name belonging to the given namespace.Parameters
- namespaceURI: "http://www.w3.org/1999/xhtml"
- localName: string
Returns HTMLCollectionOf<HTMLElement>
- getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/2000/svg",
localName: string,
): HTMLCollectionOf<SVGElement>Parameters
- namespaceURI: "http://www.w3.org/2000/svg"
- localName: string
Returns HTMLCollectionOf<SVGElement>
- getElementsByTagNameNS(
namespaceURI: "http://www.w3.org/1998/Math/MathML",
localName: string,
): HTMLCollectionOf<MathMLElement>Parameters
- namespaceURI: "http://www.w3.org/1998/Math/MathML"
- localName: string
Returns HTMLCollectionOf<MathMLElement>
Parameters
- namespace: string | null
- localName: string
Returns HTMLCollectionOf<Element>
getHTML
The
getHTML()method of the Element interface is used to serialize an element's DOM to an HTML string.Parameters
Optionaloptions: GetHTMLOptions
Returns string
getRootNode
The
getRootNode()method of the Node interface returns the context object's root, which optionally includes the shadow root if it is available.Parameters
Optionaloptions: GetRootNodeOptions
Returns Node
getScreenCTM
The
getScreenCTM()method of the SVGGraphicsElement interface represents the matrix that transforms the current element's coordinate system to the coordinate system of the SVG viewport for the SVG document fragment.Returns DOMMatrix | null
hasAttribute
The
Element.hasAttribute()method returns a Boolean value indicating whether the specified element has the specified attribute or not.Parameters
- qualifiedName: string
Returns boolean
hasAttributeNS
The
hasAttributeNS()method of the Element interface returns a boolean value indicating whether the current element has the specified attribute with the specified namespace.Parameters
- namespace: string | null
- localName: string
Returns boolean
hasAttributes
The
hasAttributes()method of the Element interface returns a boolean value indicating whether the current element has any attributes or not.Returns boolean
hasChildNodes
The
hasChildNodes()method of the Node interface returns a boolean value indicating whether the given Node has child nodes or not.Returns boolean
hasPointerCapture
The
hasPointerCapture()method of the pointer capture for the pointer identified by the given pointer ID.Parameters
- pointerId: number
Returns boolean
insertAdjacentElement
The
insertAdjacentElement()method of the relative to the element it is invoked upon.Parameters
- where: InsertPosition
- element: Element
Returns Element | null
insertAdjacentHTML
The
insertAdjacentHTML()method of the the resulting nodes into the DOM tree at a specified position.Parameters
- position: InsertPosition
- string: string
Returns void
insertAdjacentText
The
insertAdjacentText()method of the Element interface, given a relative position and a string, inserts a new text node at the given position relative to the element it is called from.Parameters
- where: InsertPosition
- data: string
Returns void
insertBefore
isDefaultNamespace
The
isDefaultNamespace()method of the Node interface accepts a namespace URI as an argument.Parameters
- namespace: string | null
Returns boolean
isEqualNode
The
isEqualNode()method of the Node interface tests whether two nodes are equal.Parameters
- otherNode: Node | null
Returns boolean
isSameNode
The
isSameNode()method of the Node interface is a legacy alias the for the===strict equality operator.Parameters
- otherNode: Node | null
Returns boolean
lookupNamespaceURI
The
lookupNamespaceURI()method of the Node interface takes a prefix as parameter and returns the namespace URI associated with it on the given node if found (andnullif not).Parameters
- prefix: string | null
Returns string | null
lookupPrefix
The
lookupPrefix()method of the Node interface returns a string containing the prefix for a given namespace URI, if present, andnullif not.Parameters
- namespace: string | null
Returns string | null
matches
The
matches()method of the Element interface tests whether the element would be selected by the specified CSS selector.Parameters
- selectors: string
Returns boolean
normalize
The
normalize()method of the Node interface puts the specified node and all of its sub-tree into a normalized form.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
- ...nodes: (string | Node)[]
Returns void
querySelector
- querySelector<K extends keyof HTMLElementTagNameMap>(
selectors: K,
): HTMLElementTagNameMap[K] | nullReturns the first element that is a descendant of node that matches selectors.
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns HTMLElementTagNameMap[K] | null
Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns SVGElementTagNameMap[K] | null
- querySelector<K extends keyof MathMLElementTagNameMap>(
selectors: K,
): MathMLElementTagNameMap[K] | nullType Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns MathMLElementTagNameMap[K] | null
- querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(
selectors: K,
): HTMLElementDeprecatedTagNameMap[K] | nullType Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns HTMLElementDeprecatedTagNameMap[K] | null
querySelectorAll
- querySelectorAll<K extends keyof HTMLElementTagNameMap>(
selectors: K,
): NodeListOf<HTMLElementTagNameMap[K]>Returns all element descendants of node that match selectors.
Type Parameters
- K extends keyof HTMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementTagNameMap[K]>
- querySelectorAll<K extends keyof SVGElementTagNameMap>(
selectors: K,
): NodeListOf<SVGElementTagNameMap[K]>Type Parameters
- K extends keyof SVGElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<SVGElementTagNameMap[K]>
- querySelectorAll<K extends keyof MathMLElementTagNameMap>(
selectors: K,
): NodeListOf<MathMLElementTagNameMap[K]>Type Parameters
- K extends keyof MathMLElementTagNameMap
Parameters
- selectors: K
Returns NodeListOf<MathMLElementTagNameMap[K]>
- querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(
selectors: K,
): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>Type Parameters
- K extends keyof HTMLElementDeprecatedTagNameMap
Parameters
- selectors: K
Returns NodeListOf<HTMLElementDeprecatedTagNameMap[K]>
releasePointerCapture
The
releasePointerCapture()method of the previously set for a specific (PointerEvent) pointer.Parameters
- pointerId: number
Returns void
remove
Removes node.
Returns void
removeAttribute
The Element method
removeAttribute()removes the attribute with the specified name from the element.Parameters
- qualifiedName: string
Returns void
removeAttributeNode
removeAttributeNS
The
removeAttributeNS()method of the If you are working with HTML and you don't need to specify the requested attribute as being part of a specific namespace, use the Element.removeAttribute() method instead.Parameters
- namespace: string | null
- localName: string
Returns void
removeChild
removeEventListener
- removeEventListener<K extends keyof SVGElementEventMap>(
type: K,
listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any,
options?: boolean | EventListenerOptions,
): voidThe
removeEventListener()method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target.Type Parameters
- K extends keyof SVGElementEventMap
Parameters
- type: K
- listener: (this: SVGGElement, ev: SVGElementEventMap[K]) => any
Optionaloptions: boolean | EventListenerOptions
Returns void
- removeEventListener(
type: string,
listener: EventListenerOrEventListenerObject,
options?: boolean | EventListenerOptions,
): voidThe
removeEventListener()method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target.Parameters
- type: string
- listener: EventListenerOrEventListenerObject
Optionaloptions: boolean | EventListenerOptions
Returns void
replaceChild
replaceChildren
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
- ...nodes: (string | Node)[]
Returns void
replaceWith
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
- ...nodes: (string | Node)[]
Returns void
requestFullscreen
The
Element.requestFullscreen()method issues an asynchronous request to make the element be displayed in fullscreen mode.Parameters
Optionaloptions: FullscreenOptions
Returns Promise<void>
requestPointerLock
The
requestPointerLock()method of the Element interface lets you asynchronously ask for the pointer to be locked on the given element.Parameters
Optionaloptions: PointerLockOptions
Returns Promise<void>
scroll
The
scroll()method of the Element interface scrolls the element to a particular set of coordinates inside a given element.Parameters
Optionaloptions: ScrollToOptions
Returns void
Parameters
- x: number
- y: number
Returns void
scrollBy
The
scrollBy()method of the Element interface scrolls an element by the given amount.Parameters
Optionaloptions: ScrollToOptions
Returns void
Parameters
- x: number
- y: number
Returns void
scrollIntoView
The Element interface's
scrollIntoView()method scrolls the element's ancestor containers such that the element on whichscrollIntoView()is called is visible to the user.Parameters
Optionalarg: boolean | ScrollIntoViewOptions
Returns void
scrollTo
The
scrollTo()method of the Element interface scrolls to a particular set of coordinates inside a given element.Parameters
Optionaloptions: ScrollToOptions
Returns void
Parameters
- x: number
- y: number
Returns void
setAttribute
The
setAttribute()method of the Element interface sets the value of an attribute on the specified element.Parameters
- qualifiedName: string
- value: string
Returns void
setAttributeNode
setAttributeNodeNS
setAttributeNS
setAttributeNSadds a new attribute or changes the value of an attribute with the given namespace and name.Parameters
- namespace: string | null
- qualifiedName: string
- value: string
Returns void
setHTMLUnsafe
The
setHTMLUnsafe()method of the Element interface is used to parse a string of HTML into a DocumentFragment, optionally filtering out unwanted elements and attributes, and those that don't belong in the context, and then using it to replace the element's subtree in the DOM.Parameters
- html: string
Returns void
setPointerCapture
The
setPointerCapture()method of the capture target of future pointer events.Parameters
- pointerId: number
Returns void
toggleAttribute
The
toggleAttribute()method of the present and adding it if it is not present) on the given element.Parameters
- qualifiedName: string
Optionalforce: boolean
Returns boolean
webkitMatchesSelector
Parameters
- selectors: string
Returns boolean
The
SVGGElementinterface corresponds to the g element.MDN Reference