Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | DOM innerText Property

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

The DOM innerText Property is used to set or returns the text content of a specified node and its descendants. This property is very similar to text content property but returns the content of all elements, except for <script> and <style> elements. 

Syntax: It is used to set the innerText property.

node.innerText = text 

Return Value: It returns a string value which represent the text content of the element along with its descendants. 

Example-1: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM innerText Property
    </title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML DOM textContent Property</h2>
    <button id="geeks" onclick="MyGeeks()">
        Submit
    </button>
    <p id="sudo"></p>
    <script>
        function MyGeeks() {
            var text =
                document.getElementById("geeks").innerText;
            document.getElementById("sudo").innerHTML = text;
        }
    </script>
</body>
</html>

Output : 

Before clicking on the Button:

  

After clicking on the Button:

  

Example-2: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM innerText Property
    </title>
</head>
 
<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h2>HTML DOM innerText Property</h2>
        <p id="geeks" style="font-size:20px;">Hello Geeks!</p>
        <button onclick="MyGeeks()">
            Submit
        </button>
        <!-- MyGeeks function replace the inner text-->
        <script>
            function MyGeeks() {
                document.getElementById("geeks").innerText =
                                  "Welcome to GeeksforGeeks!";
            }
        </script>
    </center>
</body>
</html>

Output: 

Before clicking on The Button: 

 

After clicking on the Button:

  

Supported Browsers: The browser supported by DOM innerText property are listed below:

  • Google Chrome 1.0 and above
  • Edge 12.0 and above
  • Internet Explorer 5.5 and above
  • Firefox 45.0 and above
  • Opera 9.6 and above
  • Safari 3.0 and above

My Personal Notes arrow_drop_up
Last Updated : 10 Aug, 2022
Like Article
Save Article
Similar Reads
Related Tutorials