Get Heading Level (Designer API v2) — Webflow API Documentation

`element.getHeadingLevel()`

Retrieves the heading level of a heading element.

Syntax

1 element.getHeadingLevel(): Promise<null | 1 | 2 | 3 | 4 | 5 | 6>

Returns

Promise<level>: Number - 1 | 2 | 3 | 4 | 5 | 6

A Promise that resolves to the value of the heading level.

Example

1 const selectedElement = await webflow.getSelectedElement()
2 
3 if (selectedElement?.type === 'Heading'){
4 
5   const headingLevel = await selectedElement.getHeadingLevel()
6   console.log(headingLevel)
7 
8 } else {
9   console.log("Selected Element is not a Heading Element")
10 }

Designer Ability

Checks for authorization only

Designer Ability	Locale	Branch	Workflow	Sitemode
canAccessCanvas	Any	Any	Any	Any

1	const selectedElement = await webflow.getSelectedElement()
2
3	if (selectedElement?.type === 'Heading'){
4
5	const headingLevel = await selectedElement.getHeadingLevel()
6	console.log(headingLevel)
7
8	} else {
9	console.log("Selected Element is not a Heading Element")
10	}