HTML | DOM Script charset Property

Last Updated : 19 Dec, 2021

The HTML DOM Script charset property is used to set or return the value of a charset attribute of an <script> element. The charset attribute is used to specifies the character encoding used in an external script.
Syntax:

It returns the charset property.

scriptObject.charset

It is used to set the charset Property.

scriptObject.charset = charset

Property Values: It contains single value charset which specifies the character encoding used in an external script.

“ISO-8859-1”: It is used to specify the standard encoding for the Latin alphabet.
“UTF-8”: It is used to specify the character encoding for Unicode. Compatible with ASCII.

Return Value: It returns a string value which represents the character encoding of the script element.
Example: This example illustrates how to return the script charset property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM script charset Property
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
 
        <h3>
            DOM script charset property
        </h3>
 
        <script id="myGeeks" type="text/javascript"
                src="my_script.js" charset="UTF-8">
        </script>
        <br>
         
        <button onclick="Geeks()">Submit</button>
         
        <h2 id="demo"></h2>
         
        <script>
            function Geeks() {
                var x = document.getElementById("myGeeks").charset;
                 
                document.getElementById("demo").innerHTML = x;
            }
        </script>
    </center>
</body>
 
</html>                         

Output:

Before Clicking on Button:

After Clicking on Button:

Example 2: This example illustrates how to set the script charset property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        DOM script charset Property
    </title>
</head>
 
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
 
        <h3>
            DOM script charset property
        </h3>
 
        <script id="myGeeks" type="text/javascript"
                src="my_script.js" charset="UTF-8">
        </script>
        <br>
         
        <button onclick="Geeks()">Submit</button>
         
        <p id="demo"></p>
 
 
         
        <script>
            function Geeks() {
                var x = document.getElementById("myGeeks").charset
                            = "ISO-8859-1";
                 
                document.getElementById("demo").innerHTML
                            = "The value of the charset Attribute"
                            + " was changed to: " + x;
            }
        </script>
    </center>
</body>
 
</html>              