Skip to main content

isElement()

isElement(value): value is Element

Checks if value is a DOM element.

DEPRECATED

Use instanceof Element directly instead.


Parametersโ€‹

value: unknownโ€‹

The value to check.


Returns: value is Elementโ€‹

true if value is a DOM element, else false.


See Alsoโ€‹

Element - MDN


Sinceโ€‹

2.0.0


Also known asโ€‹

isElement (Lodash, es-toolkit) ยท โŒ (Remeda, Radashi, Ramda, Effect, Modern Dash, Antfu)


Exampleโ€‹

// โŒ Deprecated approach
isElement(document.body); // => true
isElement('<body>'); // => false

// โœ… Recommended approach
document.body instanceof Element; // => true
'<body>' instanceof Element; // => false

How it works?โ€‹

Checks if value is a DOM element. Deprecated: Use instanceof Element directly.

Native Equivalentโ€‹

// โŒ isElement(value)
// โœ… value instanceof Element

Use Casesโ€‹

Check DOM element ๐Ÿ“Œโ€‹

Check if value is a DOM element.

value instanceof Element;
// or
value instanceof HTMLElement;

Validate before DOM opsโ€‹

Ensure value is an element before manipulation.

if (target instanceof Element) {
target.classList.add("active");
}

Type guardโ€‹

Narrow type for TypeScript.

const isElement = (v: unknown): v is Element => 
v instanceof Element;