La propiedad DOM Textarea cols se utiliza para establecer o devolver el valor del atributo cols de un campo de área de texto. Las cols atribuyen cuántos caracteres de ancho promedio deben caber en una sola línea.
Sintaxis:
- Se utiliza para devolver la propiedad cols.
textareaObject.cols
- Se utiliza para establecer la propiedad cols:
textareaObject.cols = number
Valores de propiedad:
- número: Especifica el ancho de los campos del área de texto. Tiene un valor predeterminado, es decir, 20.
Valor devuelto: Devuelve un valor numérico que representa el ancho de un área de texto en caracteres.
Ejemplo-1: programa HTML para ilustrar establecer la propiedad DOM Textarea cols .
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Textarea cols Property</title>
<style>
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM Textarea cols Property
</h2>
<!-- Below textarea is assigned a cols value 25
That is, 25 characters will fit in a line -->
<textarea id="GFG" rows="4" cols="25">
A computer science portal for geeks.
</textarea>
<button type="button" onclick="myGeeks()">Submit</button>
<script>
function myGeeks() {
document.getElementById("GFG").cols = "100";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: programa HTML para ilustrar la devolución de la propiedad DOM Textarea cols .
html
<!DOCTYPE html>
<html>
<head>
<title>DOM Textarea cols Property</title>
<style>
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM Textarea cols Property
</h2>
<!-- Below textarea is assigned a cols value 25
That is, 25 characters will fit in a line -->
<textarea id="GFG" rows="4" cols="25">
A computer science portal for geeks.
</textarea>
<button type="button" onclick="myGeeks()">Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
var g = document.getElementById("GFG").cols;
document.getElementById(
"sudo").innerHTML =
"There are " + g +
" columns in a textarea width.";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Nota: Tanto «textareaObject.cols» como «style.width» funcionan igual.
Navegadores compatibles: los navegadores compatibles con Textarea cols Property se enumeran a continuación:
- Google Chrome 1 y superior
- Borde 12 y superior
- Internet Explorer 6 y superior
- Firefox 1 y superior
- Ópera 12.1 y superior
- Safari 4 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA