Svelte · Junior · Question 24 of 76

How do you get a reference to a DOM element?

<script>
  let canvas;
</script>

<canvas bind:this={canvas}></canvas>

✓Correct answer: With bind:this; the variable is set after the element is mounted
2With ref={canvas}
3With document.querySelector inside the markup

Explanation

The value is undefined until mount, so use it in $effect, onMount or event handlers.

Further reading

Svelte: bind: ↗

Test yourself

Take the Svelte · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.