Help guide

DOM Attribute Read node

Updated June 21, 2026

DOM Attribute Read node

Product media placeholder

Replace this area with a screenshot or short walkthrough video during the media sweep.

Reads a DOM value from an element at bind time and outputs it as a string. `readMode: attribute` (default) reads via getAttribute — SVG d/viewBox/points, data-* attributes, aria-* attributes. `readMode: textContent` reads el.textContent — used for i18n-friendly text animations where the translatable string lives in the DOM. Static read. Boundary counterpart to DOMStringWriteNode.

Type domAttributeReadCategory boundaryContext sharedDynamic ports noCompound no

Inputs

PortTypeDescription
--No ports declared.

Outputs

PortTypeDescription
valuestringValue

Parameters

ParameterTypeDefaultDescription
selectorelementSelector""CSS Selector
readModeenum"attribute"Read mode options attribute, textContent
attributestring"d"Attribute name

Envelope

Use domAttributeRead as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.

Generated source

Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-boundary/

Was this guide helpful?

Sunny Arora

Written by

Sunny Arora

Get technical deep dives delivered to your inbox

Join creators and developers who get exclusive insights, tutorials, and behind-the-scenes content every week.

No spam. Unsubscribe anytime.

Continue Exploring

You might also enjoy