首页 > 解决方案 > 如何使用 scalajs 中的 dom 访问器更新样式

问题描述

在 scala js 中,当我尝试更新元素的样式时,没有任何反应,并且样式设置为空字符串。

例如 elem.style.width = s"${card.width} px"

在 chrome 中的调试器中暂停将产生一个空字符串,但 card.width 将设置为 300

标签: scala.js

解决方案


s"${card.width} px"计算结果为"300 px",由于空格,这不是有效的 CSS 值。它应该是"300px"(没有空格)。有关CSS 值的更多详细信息,请参阅 MDN 。否则你做对了。

令人讨厌的是,JS DOM 倾向于默默地吞下这些错误(通过设计),而不是抛出异常。


推荐阅读