直接获取DOM小部件对象引用

Question

我正在生成如下的html页面：

val div = document.create.div {
    textArea {
        id="inputSql"
    }
    br
    button {
        +"Parse"
        onClickFunction = {
            val text = document.getElementById("inputSql") as HTMLTextAreaElement
            val sql = text?.value
            val root = parse(sql)
            ...
        }
    }
}

我认为可以从事件处理程序中直接访问HTMLTextAreaElement，但是文档树搜索方法getElementById是我在在线示例中发现的所有内容。在调试生成的JavaScript代码时，我试图找出对象句柄，但是我看到的所有函数都引用了textArea，依此类推。是否有比搜索DOM树更直接的方法来直接访问html表单输入数据元素？