如何使用 JavaScript 更改 <textarea> 内容

如果您正在开发一个 Web 应用程序，您可能需要根据用户的输入更改 <textarea> 的内容。幸运的是，这是一个相对简单的任务，可以用 JavaScript 轻松完成。

以下是您需要遵循的步骤：

1. 获取对 <textarea> 的引用

首先，您需要使用 JavaScript 获取对您想要更改内容的 <textarea> 的引用。这可以通过使用以下代码行来完成：

var textarea = document.getElementById("yourTextareaId");

在上面的代码中，“yourTextareaId”是您在 HTML 文件中为 <textarea> 元素指定的 ID。

2. 更改内容

一旦您获得了对 <textarea> 的引用，您可以使用以下代码行来更改其内容：

textarea.value = "Your new content";

在上面的代码中，“Your new content”是您想要更改的内容。

3. 添加事件监听器

如果您想在特定事件发生时更改 <textarea> 内容，则需要添加事件监听器。以下代码演示了如何监听 "click" 事件并更改 <textarea> 内容：

textarea.addEventListener("click", function() {
  textarea.value = "New content on click";
});

在上面的代码中，“click”是您想要监听的事件类型。在函数中，您可以放置任何您想要的 JavaScript 代码。在上面的示例中，我们仅更改了 <textarea> 内容。

结论

使用 JavaScript 更改 <textarea> 内容是一项相对简单的任务。只需获取对 <textarea> 的引用，然后更改其内容即可。如果您需要在事件发生时更改内容，请添加事件监听器并在函数中放置您的 JavaScript 代码。