以下是一些常见的 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