Textarea 对象是 HTML 文档对象模型(DOM)中的一种对象,用于表示 HTML 文档中的 <textarea> 元素。Textarea 对象提供了对 <textarea> 元素及其属性和方法的访问和控制。

以下是一些常见的 Textarea 对象属性和方法:

属性:

1. value:
   - 获取或设置 <textarea> 中的文本内容。

2. defaultValue:
   - 获取或设置 <textarea> 的默认文本内容。

3. rows:
   - 获取或设置 <textarea> 的行数。

4. cols:
   - 获取或设置 <textarea> 的列数。

方法:

1. select():
   - 选择 <textarea> 中的所有文本内容。

2. setSelectionRange(start, end):
   - 设置 <textarea> 中选中文本的起始和结束位置。

示例:
<!DOCTYPE html>
<html>
<head>
    <title>Textarea DOM 示例</title>
</head>
<body>

<textarea id="myTextarea" rows="4" cols="50">这是默认文本。</textarea>

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

    // 获取和设置文本内容
    var content = textarea.value;
    textarea.value = "新的文本内容";

    // 获取和设置默认文本内容
    var defaultValue = textarea.defaultValue;
    textarea.defaultValue = "新的默认文本内容";

    // 获取和设置行数和列数
    var rows = textarea.rows;
    var cols = textarea.cols;
    textarea.rows = 6;
    textarea.cols = 60;

    // 选择文本
    textarea.select();

    // 设置选中文本的起始和结束位置
    textarea.setSelectionRange(2, 5);
</script>

</body>
</html>

上面的示例演示了如何使用 Textarea 对象的属性和方法来操作文本域元素。你可以根据需要使用这些属性和方法来控制 <textarea> 元素的行为。


转载请注明出处:http://www.zyzy.cn/article/detail/4434/HTML