Rango HTML DOM toString() Método

El método Range toString() se utiliza para convertir rango en texto de string . El rango seleccionado es un objeto que debe convertirse en texto, por lo que se utiliza este método.

Sintaxis:

Range.toString();

Parámetros: este método no acepta ningún parámetro.

Valor devuelto: este método devuelve el texto de string del rango especificado.

Ejemplo: este ejemplo muestra cómo convertir un rango en texto de string. Usamos el método setStartBefore () y el método setEndAfter() para establecer el rango para nuestro ejemplo.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM range toString() property
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
 
     
<p>
        The range starts from italics
        text <b><i>RangeStart</i></b>
        "This is the Range text" <b>
        <i>RangeEnd</i></b>
    </p>
 
 
    Range in String Text is below:
    <b><p id="text"></p>
</b>
 
    <script>
        const range = document.createRange();
        range.setStartBefore(document
            .getElementsByTagName('i').item(0));
 
        range.setEndAfter(document
            .getElementsByTagName('i').item(1));
 
        document.getElementById('text')
            .innerHTML = range.toString();
             
        console.log(range);
        console.log(range.toString());
    </script>
</body>
 
</html>

Salida: el HTML interno del elemento de texto contiene el rango en formato de texto.

Como referencia, el objeto de rango y el rango de texto se registran en la consola para una mejor aclaración sobre este método.

Navegadores compatibles:

  • Google cromo 1
  • Borde 12
  • Firefox 1
  • explorador de Internet 9
  • safari de manzana 1
  • Ópera 9
     

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *