HTML | Propiedad de tipo de script DOM

La propiedad de tipo de script DOM se utiliza para establecer o devolver el valor del atributo de tipo de un elemento <script> . El atributo de tipo se utiliza para especificar el tipo MIME de un script. e identificar el contenido de la etiqueta <script>. Tiene un valor predeterminado que es «texto/javascript» .

Sintaxis:

  • Se utiliza para devolver la propiedad de tipo:
    scriptObject.type 
  • Se utiliza para establecer la propiedad de tipo:
    scriptObject.type = MIME_type 

Valores de propiedad: contiene el valor, es decir, tipo MIME, que especifica el tipo MIME de un script.

Valores comunes:

  • texto/javascript (esto es predeterminado)
  • texto/emascript
  • aplicación/ecmascript
  • aplicación/javascript

Valores devueltos: Devuelve un valor de string que representa el tipo MIME de un script.

Ejemplo 1: este ejemplo ilustra cómo devolver la propiedad de tipo.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM script type Property
    </title>
</head>
  
<body style="text-align:center;">
    <h1> 
        GeeksForGeeks 
    </h1>
  
    <h2> 
        DOM script type 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").type;
            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 ilustra cómo establecer la propiedad de tipo.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        DOM script type Property
    </title>
</head>
  
<body style="text-align:center;">
    <h1> 
        GeeksForGeeks 
    </h1>
  
    <h2> 
        DOM script type 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").type = 
                "MIME_type ";
            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 la propiedad de tipo de script DOM se enumeran a continuación:

  • Google Chrome
  • explorador de Internet
  • Firefox
  • 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 *