> For the complete documentation index, see [llms.txt](https://velara-3.gitbook.io/web-export/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://velara-3.gitbook.io/web-export/element-options/text-ids.md).

# Text Ids

Give spans of text an id

Text IDs wrap text in a text field with a span with an ID that you define.

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LopzlO9z2A_KCLYytxA%2F-Loq0TDG5-eyu3u8inRM%2Fimage.png?alt=media\&token=9124b588-8103-4e9d-9769-26904cf89eb4)

The reason for wrapping a word or phrase with a span with an ID is so you can refer to it later with JavaScript using document.getElementById(“nameID”).

For example, if your text in a text field was,

`The mouse jumped over the moon`

and you defined a text id, “mouse:nameID” then the final HTML output would be,

`The <span id="nameId">mouse</span> jumped over the moon`

Separate each text id name and value pair with a semicolon.

Text IDs are case sensitive.

To set a text ID:&#x20;

1. Select a text field and open the element options

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LopyUMeVeZSCLD9aT4r%2F-LopycQeyfSAIQOYDIbf%2Fimage.png?alt=media\&token=cdb61038-fdef-43ee-ad77-276f991d1ea8)

2\. In the Text ID field enter the text you want to find and then the id to use to reference it

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LopyUMeVeZSCLD9aT4r%2F-Lopymm0x0s2ijSlY1wI%2Fimage.png?alt=media\&token=5ee63dc7-2081-475d-8f0d-6094ea9da9f7)

Before:

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LopyUMeVeZSCLD9aT4r%2F-Lopz8S6XMrlZLgmOErZ%2Fimage.png?alt=media\&token=85b9a9cd-637c-4b69-a5e8-25120418a0ec)

After:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LopyUMeVeZSCLD9aT4r%2F-LopzByN0KR8wAbzjsmb%2Fimage.png?alt=media\&token=28304c11-a4cf-4854-9def-2bc451ec6936)

{% embed url="<https://developer.mozilla.org/en-US/docs/Glossary/HTML>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id>" %}

{% embed url="<https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/id>" %}
