> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/designer/reference/dom-element/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# DOM Element

> The custom element, also known as the DOM Element, is a placeholder element that you can add any HTML custom attribute, tag, or text to — thereby “creating” that element on the canvas.

The [custom element](https://help.webflow.com/hc/en-us/articles/33961250668691), also known as the DOM Element, is a placeholder element that you can add any HTML custom attribute, tag, or text to — thereby "creating" that element on the canvas. This is useful for adding HTML elements to the canvas that aren't available as native Webflow elements.

Once you add the custom element to the canvas, you're able to use the below methods, which are only available to the DOM element, as well as the more general element methods to manage children, styles, and text content.

## Methods

The DOM Element supports the following specific methods:

#### [Get HTML Tag](/designer/reference/dom-element/getTag)

Retrieve the HTML tag of the element.

#### [Set HTML Tag](/designer/reference/dom-element/setTag)

Set the value of the specified HTML tag of the DOMElement.

#### [Get All Attributes](/designer/reference/dom-element/getAllAttributes)

Retrieve all HTML attributes for the DOMElement.

#### [Get Attribute](/designer/reference/dom-element/getAttribute)

Retrieve the value of the named HTML attribute of the DOMElement.

#### [Set Attribute](/designer/reference/dom-element/setAttribute)

Set the value of the specified HTML attribute of the DOMElement.

#### [Remove Attribute](/designer/reference/dom-element/removeAttribute)

Remove the specified HTML attribute from the DOMElement.

## Properties

| Property           | Description                                                                                       | Type      | Example                                                 |
| :----------------- | :------------------------------------------------------------------------------------------------ | :-------- | :------------------------------------------------------ |
| `id`               | Unique identifier for the element composed of two identifiers, the `component `and the `element`. | `object`  | `{component: "64c813...", element: "5edf8e59-71f9..."}` |
| `type`             | Specifies the type of the element.                                                                | `string`  | "DOM"                                                   |
| `styles`           | Indicates whether the element can contain styles.                                                 | `boolean` | `true`                                                  |
| `children`         | Indicates whether an element can contain child elements.                                          | `boolean` | `true`                                                  |
| `textContent`      | Indicates whether an element can contain text content.                                            | `boolean` | `true`                                                  |
| `customAttributes` | Indicates whether an element can contain custom attributes.                                       | `boolean` | `false`                                                 |

> The custom element, also known as the DOM Element, is a placeholder element that you can add any HTML custom attribute, tag, or text to — thereby “creating” that element on the canvas.

## Docs

- [Get Tag](https://developers.webflow.com/designer/reference/dom-element/getTag.md): Retrieve the HTML tag of the element.
- [Set Tag](https://developers.webflow.com/designer/reference/dom-element/setTag.md): Set the value of the specified HTML tag of the DOMElement.
- [Get All Attributes](https://developers.webflow.com/designer/reference/dom-element/getAllAttributes.md): Retrieve all HTML attributes for the DOMElement.
- [Get Attribute](https://developers.webflow.com/designer/reference/dom-element/getAttribute.md): Retrieve the value of the named HTML attribute of the DOMElement.
- [Set Attribute](https://developers.webflow.com/designer/reference/dom-element/setAttribute.md): Set the value of the specified HTML attribute of the DOMElement.
- [Remove Attribute](https://developers.webflow.com/designer/reference/dom-element/removeAttribute.md): Remove the specified HTML attribute from the DOMElement.