El método setEnd() se usa para establecer la posición final de un rango .
El endNode se puede usar como un Node de texto, Nodes secundarios, etc. El endOffset puede ser el número de caracteres del endNode o puede ser el número de Nodes secundarios del endNode .
Sintaxis:
range.setEnd(endNode, endOffset);
Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- endNode: el Node que se utiliza para establecer el final del rango.
- endOffset: este parámetro es el índice de compensación mayor o igual a cero que representa el índice para el final del rango.
Valor devuelto: este método no devuelve ningún valor.
Ejemplo 1: este ejemplo establece el final del rango como Nodes secundarios de un Node principal.
Este ejemplo usa el método setEnd() para establecer el Node secundario final del rango. Aquí, hemos utilizado el método setStart() para establecer el inicio del rango para formar un rango completo. Para mayor claridad del rango definido, hemos convertido el rango seleccionado en texto usando el método toString() .
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM range setEnd() method
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p id="exampleNode">
Child 1<br>
Child 2<br>
</p>
<script>
const exampleNode = document
.getElementById('exampleNode');
const range = document.createRange();
// 0th child gets at starting
// of the range
range.setStart(exampleNode, 0);
// 3rd child gets at ending
// of the range
range.setEnd(exampleNode, 3);
console.log(range);
console.log(range.toString());
</script>
</body>
</html>
Salida: En la consola, se puede ver el rango creado.
Ejemplo 2: este ejemplo establece el final del rango como caracteres de un Node de texto.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM range setEnd() method
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<p id="exampleNode">
Characters of this node will
be used to set the range.
</p>
<script>
const exampleNode = document
.getElementById('exampleNode');
const textNode = exampleNode.childNodes[0];
const range = document.createRange();
// Starting of range will be 0th character
range.setStart(textNode, 0);
// Ending of range will be 54th character
range.setEnd(textNode, 54);
console.log(range);
console.log(range.toString())
</script>
</body>
</html>
Salida: En la consola, se puede ver el rango creado.
Navegadores compatibles:
- Google cromo 1
- Borde 12
- Firefox 1
- Safari 1
- Ópera 9
- explorador de Internet 9