dom - 使用 Elm.Browser.Dom 按类名获取元素

Question

我知道我可以用 Browser.Dom.getElement 通过 id 得到一个 Element .

但是我怎样才能通过类名获取列表元素呢？

Answer 1

从 Elm 0.19 开始，browser 包不会公开任何其他辅助函数来查询 DOM。 getElement function itself is directly calling a kernel function :

getElement : String -> Task Error Element
getElement =
    Elm.Kernel.Browser.getElement

根据您具体要执行的操作，您可能需要编写一个 JavaScript 函数来查询元素、读取感兴趣的位，并通过 the ports system 使 Elm 应用程序可以访问结果。 .

例如，看一下 elm-dom-ports package寻找灵感。它将 document.querySelectorAll() 函数公开为一个端口，您可以通过订阅 querySelectorAllResponse 来捕获它的结果。