Не удается получить текст из текстовой области

Question

Я не могу получить текст из моей текстовой области:

Очень простая текстовая область:

<textarea id="message" placeholder="Type your text here..."></textarea>

Мой код дротика:

var area = document.query('#message');
document.query("#send").on.click.add((e) { 
   print('send ${area.text}');
});

Когда я пишу сообщение в области и нажимаю отправить, просто отображаю:

send

Я не понимаю, почему мое сообщение не печатается. 'текст' не правильное поле? (та же проблема с innerHtml) Когда я добавляю

area.text = 'Hello';

Сообщение видно в текстовой области, и печать хорошо.

Answer 1

Использование area.value вместо area.text, area.value является собственностью TextAreaElement который получает фактическое значение отображается, тогда как area.text является собственностью Node который получает или устанавливает содержание area как текстовый узел.