Как получить текст из textarea в javascript?

Пользователь

от olen.shanahan , в категории: JavaScript , 3 года назад

Как получить текст из textarea в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@olen.shanahan Вы можете получить текст из textarea из .value свойства этого элемента в Javascript, ниже код как пример:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
    <label for="text">Textarea:</label>

    <textarea id="text">Текст как пример</textarea>
</body>
<script>
    let textareaElement = document.getElementById("text")

    // Вывод: Текст как пример
    console.log(textareaElement.value);
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от cooper.berge , 2 года назад

@olen.shanahan 

Для получения текста из элемента textarea в JavaScript, можно использовать свойство value. Ниже приведен пример кода:

1
2
<textarea id="myTextarea"></textarea>
<button onclick="getText()">Получить текст</button>


1
2
3
4
function getText() {
  var text = document.getElementById("myTextarea").value;
  console.log(text);
}


В этом примере мы создали элемент textarea с идентификатором myTextarea и кнопку, при нажатии на которую вызывается функция getText(). Внутри функции мы получаем элемент textarea с помощью метода document.getElementById(), а затем используем свойство value, чтобы получить текст из элемента. Полученный текст сохраняем в переменную text и выводим в консоль с помощью метода console.log().


Обратите внимание, что свойство value возвращает строку с содержимым элемента textarea, включая все переносы строк и отступы. Если вам нужно удалить начальные и конечные пробелы, вы можете использовать метод trim() для строки.