HTML | DOM Script type Property

Last Updated : 03 Jun, 2019

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.eMIME 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 which represents the MIME type of a script.

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

<!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>

output:
Before Clicking On Button:

After Clicking On Button:

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

<!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>