访问Scala.js中的文本区值
我试着从Scala.js开始设置一个文本区域的值。下面是html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>The Scala.js Tutorial</title>
</head>
<body>
<div id="content"></div>
<textarea id="text" cols="75" rows="12">letters</textarea>
<script type="text/javascript" src="./target/scala-2.13/scala-js-tutorial-fastopt.js"></script>
</body>
</html>下面是我的Scala程序：
package learn.creation
import org.scalajs.dom
import org.scalajs.dom.document
object LearnApp {
def main(args: Array[String]): Unit = {
println(document.getElementById("text").value)
}
}当我编译时，我得到
value value is not a member of org.scalajs.dom.raw.Element
[error] did you mean valueOf?
[error] println(document.getElementById("text").value)
[error] ^这也不起作用：
println(document.getElementById("text").valueOf().value)我找不到任何关于这方面的文档(Scala.js的dom文档非常有限，它不像rtfm那么简单)。
回答 1
Stack Overflow用户
发布于 2020-10-16 05:26:11
当涉及到DOM时，要阅读的手册大多是MDN web文档，scala-js-dom只是它的一个非常薄的接口，几乎所有的方法都是相同的，并且返回相同的类型。
您正在使用getElementById方法，该方法返回一个没有value属性的泛型Element类型，因为并不是DOM中的所有元素都有这样的属性。和scala-js-dom defines getElementById也是一样的。
因此，从本质上讲，您还没有向编译器证明您选择的元素是一种具有value属性的元素，比如HTMLInputElement或HTMLTextAreaElement。在使用Javascript的本机方法查询DOM时，通常无法证明这一点，因为它们是为动态Javascript设计的，而不是为类型安全访问设计的。
您可以为此构建自己的帮助器，例如：
def getTextareaById(id: String): HTMLTextAreaElement = {
document.querySelector("textarea#" + id).asInstanceOf[HTMLTextAreaElement]
}在本例中，您使用asInstanceOf告诉编译器“我知道我在做什么”，这是不安全的，但是您也将这种不安全包含在一个小方法中，您可以合理地理解该方法是安全的，因为它只选择带有"textarea“标记的元素，并且您知道所有这些都是HTMLTextAreaElement的实例。
如果你的DOM是在服务器上生成的，这可能是你能做的最好的事情了，但是如果你正在构建一个单页面的web应用程序，其中的DOM树是在客户端创建的，你可以使用一个API库，它将为你提供一个更好，更简单，类型安全的Scala.js到DOM，比如我自己的Laminar。
https://stackoverflow.com/questions/64356469
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号