# WebXR change textcontent of START AR button

**URL:** <https://discourse.threejs.org/t/webxr-change-textcontent-of-start-ar-button/25127>\
**Category:** Questions\
**Tags:** webxr, ar\
**Created:** [April 7, 2021, 10:40am UTC](https://discourse.threejs.org/t/webxr-change-textcontent-of-start-ar-button/25127 "2021-04-07T10:40:30Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lmffx](https://avatars.discourse-cdn.com/v4/letter/l/ba9def/32.png) [@lmffx](https://discourse.threejs.org/u/lmffx)\
**Post date:** [April 7, 2021, 10:40am UTC](https://discourse.threejs.org/t/webxr-change-textcontent-of-start-ar-button/25127/1 "2021-04-07T10:40:30Z")

</div>

Hi,

I am trying to change the textcontent of the AR Button that gets spawned when I am running this code:

```
const arButton = arButtonContainer.appendChild(
  ARButton.createButton(
    renderer,
    {
      optionalFeatures: ['dom-overlay', 'dom-overlay-for-handheld-ar'],
      domOverlay: { root: document.body },
    }
  )
) as HTMLButtonElement;

```

I tried setting the text with this:

```
arButton.textContent = 'bla';

```

But it doesn’t work. Also styling the button was kinda weird, since I had to mark everything i did with `!important`

How can I change the textcontent of that button?

Thanks!