HTML DOM Script type Property

Last Updated : 21 Jun, 2023

The DOM Script type Property is used to set or return the value of the type attribute of a <script> element. The type attribute is used to specify the MIME type of a script. and identify the content of the <script> Tag. It has a Default value which is “text/javascript”.

Syntax:

It is used to Return the type property:

scriptObject.type

It is used to set the type property:

scriptObject.type = MIME_type

Property Values: It contains the value i.e. MIME type which specifies the MIME type of a script.

Common Values:

text/javascript (this is default)
text/ecmascript
application/ecmascript
application/javascript

Return Values: It returns a string value that represents the MIME type of a script.

Example 1: This Example illustrates to return the Type Property.

HTML

<!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() {
           let x = 
               document.getElementById("myGeeks").type;
            document.getElementById("demo")
            .innerHTML = x;
        }
    </script>
 
</body>
 
</html>

Output:

Example 2: This Example illustrates to set the Type Property.

HTML

<!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() {
            let x =
                document.getElementById("myGeeks").type =
                "MIME_type ";
            document.getElementById("demo").innerHTML = x;
        }
    </script>
 
</body>
 
</html>