HTML DOM innerText Property

The DOM innerText Property is used to set or return the text content of a specified node and its descendants. This property is very similar to the 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 that represents the text content of the element along with its descendants.

Example 1: In this example, we will see DOM innerText Property

HTML

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

Output:

Example 2: In this example, we will see DOM innerText Property

HTML

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

Output:

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

Tags:

#HTML-DOM #Web technologies #HTML #Web Technologies

HTML DOM previousSibling Property

HTML DOM nextSibling Property

HTML DOM innerText Property

HTML

HTML

Contact Us