HTML | DOM innerText Property
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
Please Login to comment...