purescript - 在 Purescript 中按 Id 选择元素

Question

purescript-halogen 中是否有一个函数可以通过它的 id 选择一个元素，或者我是否需要自定义它的角色(这对我来说似乎很奇怪) .

我正在阅读关于 Pursuit 的文档，我在 Util 中看到了一个 selectElement 函数，但是我没有看到任何可以让我通过 选择的东西编号。

我可以使用 getElementById::ElementId -> NonElementParentNode -> Eff () (Nullable Element) 来获取 Element，但我不知道如何转换它Element 转换为 HTMLElement。

Pursuit 中也缺少类型搜索功能，所以我为这个幼稚的问题道歉。

Answer 1

这不是你在处理使用虚拟 DOM 的库时通常应该做的事情，因为如果你通过 id 保存对元素的引用，它可能会过时并引用一个完全不同的元素，或者一个元素不再附加到 DOM。

获取元素的方法是使用ref，有一个使用它的例子in this section of the guide .它的工作方式类似于事件处理程序，只要元素存在或被删除，就会在组件上引发查询。如果您使用更新组件状态中的引用的查询，您可以确保知道您始终拥有您想要的实际元素(或者 Nothing 如果它由于某种原因不存在)。

如果您真的想使用getElementById 那么it is available from purescript-dom .它不是 Halogen 的一部分，因为 Halogen 不用于通用 DOM 操作。提供这些实用函数只是为了更容易初始化 Halogen 应用程序。