webflow.getAllElements()
webflow.getAllElements()
Retrieve all elements present on the current page of the Designer.
If the Designer is editing a component, the elements returned are those present in that Component.
Syntax
webflow.getAllElements(): Promise<Array<AnyElement>>
Returns
Promise<AnyElement>
A Promise that resolves to an array of AnyElement
objects.
AnyElement
represents the various element types available in a Webflow project. See a full list of supported element types in the Designer Extension type definitions.
Example
// Retrieve all elements in the current context
const allElements = await webflow.getAllElements();
// Print element list
if (allElements.length > 0) {
console.log("List of all elements:");
allElements.forEach((element, index) => {
console.log(`${index + 1}. Element ID: ${element.id}, Element Type: ${element.type}`);
});
} else {
console.log("No elements found in the current context.");
}
Designer Ability
Checks for authorization only
Designer Ability | Locale | Branch | Workflow | Sitemode |
---|---|---|---|---|
canAccessCanvas | Any | Any | Any | Any |