La propiedad de valor de área de texto en HTML DOM se usa para establecer o devolver todo el contenido dentro del cuadro de área de texto. Se utiliza para obtener y cambiar el valor del atributo value del elemento <Textarea>.
Nota: El valor de un área de texto es el texto entre las etiquetas <textarea> y </textarea>.
Sintaxis
Devuelve la propiedad de valor:
textareaObject.value
Se utiliza para establecer la propiedad de valor:
textareaObject.value = text
Valores de propiedad: contiene el valor único, es decir, texto que define el valor del campo Textarea.
Ejemplo 1: debajo del código HTML utilizado para devolver el contenido del elemento Textarea .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Textarea value Property
</title>
<style>
body {
text-align: center;
}
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM Textarea value Property
</h2>
<textarea id="GFG" name="GFG_text">
GeeksForGeeks
</textarea>
<br>
<br>
<button type="button" onclick="myGeeks()">
Return value Property
</button>
<p id="sudo" style="font-size:30px"> </p>
<script>
function myGeeks() {
var GFG = document.getElementById("GFG").value;
document.getElementById("sudo").innerHTML = GFG;
}
</script>
</body>
</html>
Producción
Propiedad de valor de área de texto HTML DOM
Ejemplo 2: A continuación, el código HTML establece el contenido de la etiqueta de área de texto.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Textarea value Property
</title>
<style>
body {
text-align: center;
}
h1,
h2 {
text-align: center;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
DOM Textarea value Property
</h2>
<textarea id="GFG" name="GFG_text">
GeeksForGeeks
</textarea>
<br>
<br>
<button type="button" onclick="myGeeks()">
Set value Property
</button>
<p id="sudo" style="font-size:30px"> </p>
<script>
function myGeeks() {
var GFG = document.getElementById("GFG").value
= "Hello GeeksForGeeks . ";
document.getElementById("sudo").innerHTML
= "The value was changed to " + GFG;
}
</script>
</body>
</html>
Producción:
Propiedad de valor de área de texto HTML DOM
Navegadores compatibles:
- Google cromo 1
- Borde 12
- explorador de Internet 5
- Firefox 1
- Safari 1
- Ópera 12.1
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA