Svelte: How do I get an element reference from within component?

[alshdavid]

How do I access an element reference from within my component?

// thingo.svelte
<div />

<script>
  console.log(this.querySelector('div')) // ???
</script>

[Morphyish]

Hi,

You can use the bind:this={myElement} attribute on your DOM element, as stated here in the API documentation of Svelte.

Hope it helps.

[Rich-Harris]

see also https://svelte.dev/tutorial/bind-this