Получение ссылки на объект виджета 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 и так далее.Есть ли более элегантный способ прямого доступа к элементу входных данных HTML-формы, чем поиск по дереву DOM?