El método splitText() divide el Node Text en dos Nodes en el índice de desplazamiento especificado , manteniendo ambos Nodes en el árbol como hermanos.
Después de dividir el texto, el Node principal contiene todo el contenido hasta el punto de índice de desplazamiento especificado, y un Node recién creado del mismo tipo contiene el texto restante.
Sintaxis:
newTextNode=textNode.splitText(offsetIndex)
Parámetros:
- índice de desplazamiento: el índice inmediatamente antes del cual se dividirá el Node de texto.
Valor devuelto:
- Devuelve el nuevo Node Texto creado que contiene el texto después del índice de desplazamiento.
Ejemplo:
<html>
<head>
<title>HTML | DOM textSplit() method</title>
<p id="h">GeeksforGeeks</p>
<script>
// get the p element
const a = document.getElementById('h');
// get the textcontent in textnode
const firstNode = a.firstChild;
// splitting the firstnode at 5th offset index
const newNode = firstNode.splitText(5);
console.log(firstNode);
console.log(newNode);
</script>
</head>
</html>
Producción:
En la consola, se pueden ver los dos Nodes de texto divididos.
Navegadores compatibles:
- Google Chrome
- Borde
- Firefox
- Ópera