JavaScript获取textarea元素值的妙招

本文介绍了在JavaScript中正确获取textarea元素值的方法。许多开发者误用innerHTML属性，导致获取到的值为空字符串。这是因为innerHTML获取的是元素的HTML内容，而textarea元素存储的是纯文本。 正确的做法是使用`.value`属性获取textarea元素的值，文章将通过代码示例演示如何使用`.value`属性以及解释为何innerHTML方法在此处失效，帮助开发者避免常见错误，规范地获取textarea中的用户输入文本。

正确获取JavaScript中textarea元素的值

在JavaScript中操作HTML表单元素时，获取元素的值与其他元素略有不同。 textarea 元素的值并非通过 innerHTML 属性获取，而是使用 .value 属性。本文将解释为什么使用 innerHTML 会失败，并演示正确获取 textarea 值的方法。

许多开发者尝试使用 innerHTML 获取 textarea 的值，结果却得到空字符串。这是因为 innerHTML 属性用于获取或设置元素的HTML内容，而 textarea 元素的内容是纯文本，并非HTML结构。innerHTML 适用于

const textArea = document.getElementById("text");
const button = document.getElementById("btn");

button.addEventListener("click", () => {
  const textValue = textArea.value;
  console.log(textValue);
});