javascript - 在 Scala.js 中，如何切换类中元素的可见性？

Question

在 Scala.js 程序中，我想切换 HTML 页面上“my-img”类中所有元素的可见性。到目前为止我所拥有的是

import org.scalajs.dom
import dom.document

val elems: dom.NodeList = document.getElemsByClassName("my-img")
for (i <- 0 until elems.length) {
   val e: dom.Node = elems(i)
   e.style.display = "none"  <-- this chokes, says style is not a member of Node

此时，我正在尝试访问 Node 的 style 成员，根据 Javascript 文档，该成员应该存在，但 Scala.js 给了我一个错误。

Answer 1

(请注意，这更像是一个 Javascript 问题，而不是 Scala.js 本身的问题。)

有几个答案，具体取决于您是否愿意包含 jQuery 库。这是 Javascript 世界中一个有点重但极其常见的库，它也经常在 Scala.js 编程中使用。这不是必需的，但它使此类事情变得更加容易。

该库有两个流行的 Scala.js“外观”(Scala 描述)；我写了其中之一，jquery-facade 。如果您将其引入(如该页面所述)，问题就会变得相当微不足道:

import org.querki.jquery._

// Fetch all of the nodes. jQuery uses CSS selectors, more or less,
// so this means "everything with class my-img".
val myImgs = $(".my-img")
// Hide all of them. myImgs is a JQuery object -- a wrapper around
// all of those nodes -- so a single call hides all of them:
myImgs.hide()
// Or show them:
myImgs.show()

这尚未经过测试(我今天正在与流感作斗争，所以请原谅我的任何错误)，但我认为它应该有效......