HTML | Propiedad de texto de script DOM

El HTML| La propiedad de texto del script DOM se utiliza para establecer o devolver el contenido del elemento <script>

Sintaxis: 

  • Devuelve la propiedad del texto:
scriptObject.text
  • Se utiliza para establecer la propiedad de texto:
scriptObject.text = contents 

Valores de propiedad: contiene el valor, es decir, contenidos que especifican el contenido del elemento <script>. 

Valores devueltos: Devuelve un valor de string que representa el contenido del elemento del script. es decir, todos los Nodes de Texto del script pero ignorando los comentarios. 

Ejemplo: Este ejemplo solía devolver el texto Propiedad. 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM script text Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
 
    <h2>
        DOM script Text property
    </h2>
 
    <script id="myGeeks"
            type="text/javascript">
        document.write("Hello GeeksForGeeks");
    </script>
    <br>
    <br>
    <button onclick="Geeks()">Submit</button>
    <h2 id="demo"></h2>
    <script>
        function Geeks() {
            var x =
                document.getElementById("myGeeks").text;
            document.getElementById("demo").innerHTML =
              x;
        }
    </script>
 
</body>
 
</html>

Salida: antes de hacer clic en el botón:

 

Después de hacer clic en el botón:

  

Ejemplo-2: Este ejemplo se utiliza para establecer la propiedad de texto. 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM script text Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
 
    <h2>
        DOM script Text property
    </h2>
 
    <script id="myGeeks" type="text/javascript">
        document.write("Hello GeeksForGeeks");
    </script>
    <br>
    <br>
    <button onclick="Geeks()">Submit</button>
    <h2 id="demo"></h2>
    <script>
        function Geeks() {
            var x = document.getElementById(
              "myGeeks").text = "Script Content will be changed now";
            document.getElementById("demo").innerHTML = x;
        }
    </script>
 
</body>
 
</html>

Salida: antes de hacer clic en el botón:

  

Después de hacer clic en el botón:

  

Navegadores compatibles: Los navegadores compatibles con HTML | Las propiedades de texto del script DOM se enumeran a continuación:

  • Google Chrome 1 y superior
  • Borde 12 y superior
  • explorador de Internet
  • Firefox 1 y superior
  • safari de manzana
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 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 *