插件窝 干货文章 js如何给textarea赋值

js如何给textarea赋值

使用 赋值 属性 textarea 836    来源:    2024-10-23
为 textarea 赋值可以使用两种方法:1. 使用 value 属性直接修改内容;2. 使用 innerhtml 属性替换所有 html 内容,可同时设置文本和格式。

如何使用 JavaScript 为 textarea 赋值

要使用 JavaScript 为 textarea 赋值,可以使用以下两种方法:

方法 1:使用 value 属性

document.getElementById("myTextarea").value = "新的文本";

此方法直接修改 textarea 的 value 属性,从而设置其内容。

方法 2:使用 innerHTML 属性

document.getElementById("myTextarea").innerHTML = "新的文本";

此方法将 textarea 的所有 HTML 内容替换为新的文本,因此如果您想要同时设置文本和 HTML 格式,可以使用此方法。

示例

以下是一个使用 JavaScript 为 textarea 赋值的示例:

<textarea id="myTextarea"></textarea>
function setValue() {
  // 使用 value 属性赋值
  document.getElementById("myTextarea").value = "使用 value 属性赋值";

  // 使用 innerHTML 属性赋值
  document.getElementById("myTextarea").innerHTML = "使用 innerHTML 属性赋值 <b>粗体文本</b>";
}