Get resolved attributes (Beta)

element.getResolvedAttributes()

Get all attributes on an element as an array of name/value pairs, with any bindings resolved to their current string values.

This method returns the final output values for each attribute. Bindings are resolved to their actual values rather than returned as binding references. For example, an attribute value bound to a component prop returns the current value of that prop rather than a binding reference object.

To get the raw attribute entries including binding references, use element.getAttributes().

Syntax

1
element.getResolvedAttributes(): Promise<Array<{ name: string; value: string }>>

Returns

Promise<Array<{ name: string; value: string }>>

A Promise that resolves to an array of attribute objects with all binding references resolved to their current string values.

Example

1
const element = await webflow.getSelectedElement()
2
3
if (element && element.attributes) {
4
  const attributes = await element.getResolvedAttributes()
5
  console.log(attributes)
6
  // [{ name: 'data-label', value: 'primary' }]
7
}

Designer Ability

Checks for authorization only.