时间戳

首页 > 解决方案 > 如何在 Elm 中读取 Dom 值？

elm - 如何在 Elm 中读取 Dom 值？

问题描述

所以我正在努力完成这个简单的事情，我需要在我的应用程序启动后立即读取 dom 元素的宽度并将其设置为另一个元素的宽度。基本上就是这样，我有一些选项卡，它们不过是一堆 div 元素。选定的选项卡将有一个下划线，我使用跨度来完成下划线。我的问题是如何在 dom 加载后立即读取特定 dom 元素的宽度，然后设置另一个元素的宽度

标签： elm

解决方案

我相信正确的方法是使用Flags。在这种情况下，您使用 JavaScript 读取 DOM，解析信息，然后通过以下方式将其发送到 Elm 应用程序Flags：

var app = Elm.Main.init({
  node: document.getElementById('elm'),
  flags: document.getElementById('my-other-element').offfsetWidth,
});

推荐阅读