📜  HTML DOM Textarea value 属性(1)

📅  最后修改于: 2023-12-03 15:31:10.576000             🧑  作者: Mango

HTML DOM Textarea value 属性

HTML DOM Textarea value 属性以字符串形式返回 Textarea 元素的值。它可以用来获取或设置 Textarea 元素的文本内容。

语法

获取 Textarea 的 value 属性值:

var text = document.getElementById("myTextarea").value;

设置 Textarea 的 value 属性值:

document.getElementById("myTextarea").value = "Hello World!";
示例

以下示例展示了如何在 HTML 文档中使用 Textarea 元素的 value 属性。

HTML 代码
<textarea id="myTextarea">默认文本</textarea>

<button onclick="changeText()">改变文本内容</button>
JavaScript 代码
function changeText() {
  document.getElementById("myTextarea").value = "新文本内容";
}

在上面的示例中,当点击按钮时,Javascript 会调用 changeText() 函数来更改 Textarea 元素的值。具体来说,该函数通过 document.getElementById 方法获取 Textarea 元素,然后将其 value 属性设置为 "新文本内容"。

总结

HTML DOM Textarea value 属性是一个非常有用的属性,它可以用来获取或设置 Textarea 元素的值。这对于用户输入、表单验证以及表单提交等操作来说都是必须的。