Propiedad rows del textarea

Objeto Textarea del DOM HTML

Definición y uso

rows La propiedad establece o devuelve el valor de la propiedad rows del área de texto.

La propiedad HTML rows especifica la altura del área de texto (número de líneas visibles) dentro del área de texto.

Consejo:También puede usar style.height La propiedad para establecer la altura del área de texto.

Consejo:Utilice cols o style.width La propiedad para cambiar el ancho del área de texto.

Vea también:

Manual de HTML:Atributo rows del <textarea> HTML

Ejemplo

Ejemplo 1

Cambiar el número de líneas visibles del área de texto:

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

Intente usted mismo

Ejemplo 2

Obtener la altura del área de texto en caracteres:

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

Intente usted mismo

Ejemplo 3

Utilice la propiedad style.height para cambiar la altura del área de texto:

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

Intente usted mismo

Ejemplo 4

Utilice las propiedades cols y rows para cambiar la altura y anchura del área de texto:

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

Intente usted mismo

Ejemplo 5

Utilice las propiedades style.width y style.height para cambiar la altura y anchura del área de texto:

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

Intente usted mismo

Sintaxis

Devolver la propiedad rows:

textareaObject.rows

Establecer la propiedad rows:

textareaObject.rows = número

Valor del atributo

Valor Descripción
número Define el número de líneas visibles en el área de texto.

Detalles técnicos

Valor de retorno: Número, que representa la altura del área de texto en caracteres.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Textarea del DOM HTML