考虑以下代码:
<script>
let input;
const foo = () => {
let html = input.innerHTML;
// Do something with HTML
}
</script>
<button on:click={foo}>Foo</button>
{#if edit}
<div bind:this={input}></div>
{/if}
我需要获取 div 的 DOM 元素。然后在按钮运行的函数中使用它。我该怎么做?bind:this
仅在 中有效onMount
,但我无法foo
在 内定义onMount
。
理解这一点innerHTML
,或者具体的方法/属性并不重要。我只需要在按下按钮时调用的函数中使用它的 DOM 元素。