小码哥的IT人生

Textarea rows 属性

JavaScript基础 2022-06-08 17:22:49小码哥的IT人生shichen

Textarea rows 属性

定义和用法

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
支持 支持 支持 支持 支持

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024