Textarea行プロパティ
例
テキスト領域の表示行数を変更します。
document.getElementById("myTextarea").rows = "10";
定義と使用法
rowsプロパティは、テキスト領域のrows属性の値を設定または返します。
rows属性は、テキスト領域の高さ(表示される行数)を指定します。
ヒント: style.heightプロパティを使用して、テキスト領域の高さを設定することもできます。
ヒント:テキスト領域の幅を変更するには、 colsプロパティ またはstyle.widthプロパティを使用します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
rows | Yes | Yes | Yes | Yes | Yes |
構文
rowsプロパティを返します。
textareaObject.rows
rowsプロパティを設定します。
textareaObject.rows = number
プロパティ値
Value | Description |
---|---|
number | Specifies the visible number of rows in the text area |
技術的な詳細
戻り値: | テキスト領域の高さを文字で表す数字 |
---|
その他の例
例
テキスト領域の高さを文字数で取得します。
var x = document.getElementById("myTextarea").rows;
例
style.heightプロパティを使用して、テキスト領域の高さを変更します。
document.getElementById("myTextarea").style.height = "250px";
例
colsプロパティとrowsプロパティを使用して、テキスト領域の高さと幅を変更します。
document.getElementById("myTextarea").rows = "10";
document.getElementById("myTextarea").cols = "100";
例
style.widthプロパティとstyle.heightプロパティを使用して、テキスト領域の高さと幅を変更します。
document.getElementById("myTextarea").style.height = "100px";
document.getElementById("myTextarea").style.width = "500px";
関連ページ
HTMLリファレンス:HTML <textarea>行属性
❮Textareaオブジェクト