HTML DOM Textarea rows 属性

最后更新于:2022-03-26 22:28:28

Textarea rows 属性

HTML DOM Textarea rows 属性 Textarea 对象

实例

修改文本框 textarea 的行数(高度):

document.getElementById("myTextarea").rows = "10";

尝试一下 »


定义和用法

rows 属性设置或返回 textarea 的 rows 属性值。

rows 属性指定文本框的高度(行数)。

提示: 你可以使用
style.heigth
属性来设置 textarea 元素的高度。

提示: 你可以使用 cols
style.width 属性来设置 textarea 元素的宽度和高度。


浏览器支持

Property
rows Yes Yes Yes Yes Yes

语法

设置 rows 属性:

textareaObject.rows=number

返回 rows 属性:

textareaObject.rows

提示: rows 属性没有默认值。


属性值

描述
number 指定在文本区域中可见的行数


技术细节

返回值: 一个数字,表示文本框的高度。

更多实例

实例

获取 textarea 元素的高度(rows 属性的值):

var x = document.getElementById("myTextarea").rows;

尝试一下 »

实例

使用 style.height 修改 textarea 元素的高度:

document.getElementById("myTextarea").style.height = "250px";

尝试一下 »

实例

使用 textarea 元素的 cols 和 rows 属性修改高度和宽度:

document.getElementById("myTextarea").rows = "10";
document.getElementById("myTextarea").cols = "100";

尝试一下 »


HTML DOM Textarea rows 属性 Textarea 对象