1. textContent:
esta propiedad se utiliza para establecer o devolver el valor de texto del Node seleccionado y todos sus descendientes. Al configurar la propiedad textContent, se eliminan los Nodes secundarios. Se reemplaza por un solo Node de texto que contiene la string especificada.
Sintaxis:
- Para establecer el texto del Node:
node.textContent = text
- Para devolver el texto del Node –
node.textContent
2. texto interior:
esta propiedad también establece o devuelve el valor de texto del Node seleccionado y todos sus descendientes. Sin embargo, hay algunas diferencias que se muestran usando el siguiente ejemplo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Differences between innerText and textContent.
</title>
</head>
<body>
<h3>Differences between innerText & textContent.</h3>
<p id="demo"> This element has extra spacing and contains
<span>a span element</span>.</p>
<button onclick="getInnerText()">Get innerText</button>
<button onclick="getTextContent()">Get textContent</button>
<p id="demo"></p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
</body>
</html>
¿Escribir código en un comentario? Utilice ide.geeksforgeeks.org , genere un enlace y compártalo aquí.
Publicación traducida automáticamente
Artículo escrito por aktmishra143 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA