La propiedad textContent en HTML se usa para establecer o devolver el contenido de texto del Node especificado y todos sus descendientes. Esta propiedad es muy similar a la propiedad nodeValue pero esta propiedad devuelve el texto de todos los Nodes secundarios.
Sintaxis:
- Se utiliza para establecer el texto de node.
node.textContent = text
- Se utiliza para devolver el texto de node.
node.textContent
Valor de propiedad: contiene texto de valor único que contiene el contenido del Node.
Valor devuelto: Devuelve un valor de string que representa el contenido de texto de un Node en particular y todos los descendientes.
Ejemplo 1:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM textContent Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM textContent Property</h2>
<button id = "geeks" onclick = "MyGeeks()">
Submit
</button>
<p id = "sudo"></p>
<script>
function MyGeeks() {
var text =
document.getElementById("geeks").textContent;
document.getElementById("sudo").innerHTML = text;
}
</script>
</body>
</html>
Salida:
Antes Haga clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM textContent Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM textContent Property</h2>
<p id = "geeks" onclick = "MyGeeks()">
Hello Geeks!
</p>
<script>
function MyGeeks() {
document.getElementById("geeks").textContent
= "Welcome to GeeksforGeeks!";
}
</script>
</body>
</html>
Salida:
Antes Haga clic en el texto:
Después de hacer clic en el texto:
Navegadores compatibles: los navegadores compatibles con la propiedad DOM textContent se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 9
- Firefox 1
- Ópera 9
- Safari 3