Set Attribute (Designer API v2) — Webflow API Documentation

`element.setAttribute(name, value)`

Set the value of the specified HTML attribute of the DOMElement. Use this method instead of the ‘Custom Attribute’ methods.

Syntax

1 element.setAttribute(name: string, value: string): Promise<null>

Parameters

name : string - The name of the attribute to set
value : string - The value of the attribute to set

Returns

Promise<null>

A promise that resolves to null

Example

1 // Get Selected Element
2 const selectedElement = await webflow.getSelectedElement();
3 
4 if (selectedElement?.children) {
5 
6   // Create and append DOM Element
7   const DOMElement = await selectedElement.append(webflow.elementPresets.DOM);
8   
9   if (DOMElement?.type === "DOM") {
10     // Set Tag
11     await DOMElement.setTag('img');
12     
13     // Set HTML Attribute
14     await DOMElement.setAttribute('src', 'https://example.com/image.jpg');
15     await DOMElement.setAttribute('alt', 'Example image');
16     await DOMElement.setAttribute('width', '300');
17     
18     // Get all attributes to verify
19     const attributes = await DOMElement.getAllAttributes();
20     console.log(attributes);
21   }
22 }

Designer Ability

Designer Ability	Locale	Branch	Workflow	Sitemode
canDesign	Primary	Main	Canvas	Design

1	// Get Selected Element
2	const selectedElement = await webflow.getSelectedElement();
3
4	if (selectedElement?.children) {
5
6	// Create and append DOM Element
7	const DOMElement = await selectedElement.append(webflow.elementPresets.DOM);
8
9	if (DOMElement?.type === "DOM") {
10	// Set Tag
11	await DOMElement.setTag('img');
12
13	// Set HTML Attribute
14	await DOMElement.setAttribute('src', 'https://example.com/image.jpg');
15	await DOMElement.setAttribute('alt', 'Example image');
16	await DOMElement.setAttribute('width', '300');
17
18	// Get all attributes to verify
19	const attributes = await DOMElement.getAllAttributes();
20	console.log(attributes);
21	}
22	}