# Text Ids

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

![](/files/-Loq0TDG5-eyu3u8inRM)

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

![](/files/-LopycQeyfSAIQOYDIbf)

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

![](/files/-Lopymm0x0s2ijSlY1wI)

Before:

![](/files/-Lopz8S6XMrlZLgmOErZ)

After:&#x20;

![](/files/-LopzByN0KR8wAbzjsmb)

{% 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>" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://velara-3.gitbook.io/web-export/element-options/text-ids.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.