Textarea rows 屬性

HTML DOM Textarea 對象

定義和用法

rows 屬性設置或返回文本區域的 rows 屬性的值。

HTML rows 屬性規定文本區域中的高度（可見行數）。

提示：您還可以使用 style.height 屬性來設置文本區域的高度。

提示：請使用 cols 屬性或 style.width 屬性來更改文本區域的寬度。

另請參閱：

HTML 參考手冊：HTML <textarea> rows 屬性

實例

例子 1

更改文本區域的可見行數：

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

親自試一試

例子 2

獲取文本區域的高度，以字符計：

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

親自試一試

例子 3

使用 style.height 屬性更改文本區域的高度：

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

親自試一試

例子 4

使用 cols 和 rows 屬性更改文本區域的高度和寬度：

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

親自試一試

例子 5

使用 style.width 和 style.height 屬性更改文本區域的高度和寬度：

document.getElementById("myTextarea").style.height = "100px";
document.getElementById("myTextarea").style.width = "500px";

親自試一試

語法

返回 rows 屬性：

textareaObject.rows

設置 rows 屬性：

textareaObject.rows = number

屬性值

值 描述
number 規定文本區域中可見的行數。

技術細節

返回值： 數值，表示文本區域的高度，以字符為單位。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM Textarea 對象