Textarea cols 属性
JavaScript基础 2022-06-08 17:22:28小码哥的IT人生shichen
Textarea cols 属性
定义和用法
cols
属性设置或返回文本区域的 cols 属性的值。
HTML cols 属性规定文本区域的可见宽度,以字符计。
提示:您还可以使用 style.width 属性来设置文本区域的宽度。
提示:请使用 rows 属性或 style.height 属性来更改文本区域的高度。
另请参阅:
HTML 参考手册:HTML <textarea> cols 属性
实例
例子 1
更改文本区域的宽度:
document.getElementById("myTextarea").cols = "100";
例子 2
获取文本区域的宽度,以字符为单位:
var x = document.getElementById("myTextarea").cols;
例子 3
使用 style.width 属性更改文本区域的宽度:
document.getElementById("myTextarea").style.width = "500px";
例子 4
使用 cols 和 rows 属性更改文本区域的宽度和高度:
document.getElementById("myTextarea").cols = "100";
document.getElementById("myTextarea").rows = "10";
例子 5
使用 style.width 和 style.height 属性更改文本区域的宽度和高度:
document.getElementById("myTextarea").style.width = "500px";
document.getElementById("myTextarea").style.height = "100px";
语法
返回 cols 属性:
textareaObject.cols
设置 cols 属性:
textareaObject.cols = number
属性值
值 | 描述 |
---|---|
number | 规定文本区域的宽度(以平均字符宽度计)。默认值为 20。 |
技术细节
返回值: | 数值,表示文本区域的宽度,以字符为单位。 |
---|
浏览器支持
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
支持 | 支持 | 支持 | 支持 | 支持 |