JavaScript 和 HTML DOM：Textarea 对象

在JavaScript中，可以使用HTML DOM（文档对象模型）来访问和操作文本域（Textarea）元素。Textarea元素通常用于用户输入多行文本。

以下是一个简单的例子，演示如何使用JavaScript和HTML DOM来获取Textarea元素的值以及设置新的值：

<!DOCTYPE html>
<html>

<head>
    <title>Textarea Example</title>
</head>

<body>
    <textarea id="myTextarea">This is some initial text in the textarea.</textarea>
    <br>
    <button onclick="getTextareaValue()">Get Textarea Value</button>
    <button onclick="setTextareaValue()">Set Textarea Value</button>

    <script>
        // 获取Textarea元素
        var textarea = document.getElementById("myTextarea");

        // 获取Textarea的值
        function getTextareaValue() {
            var textareaValue = textarea.value;
            alert("Textarea Value: " + textareaValue);
        }

        // 设置Textarea的值
        function setTextareaValue() {
            var newValue = "This is a new value for the textarea.";
            textarea.value = newValue;
        }
    </script>
</body>

</html>

在这个例子中，首先通过getElementById方法获取Textarea元素。然后，使用value属性可以获取Textarea的当前文本内容。通过设置value属性，你可以修改Textarea的文本内容。

在按钮的点击事件中，分别调用了getTextareaValue和setTextareaValue两个函数，演示了如何获取和设置Textarea的值。当点击"Get Textarea Value"按钮时，会弹出对话框显示Textarea的当前值；当点击"Set Textarea Value"按钮时，Textarea的值会被设置为新的文本。

转载请注明出处：http://www.zyzy.cn/article/detail/6235/JavaScript 和 HTML DOM