The innerText property of the HTMLElement interface represents the "rendered" text content of a node and its descendants. As a getter, it approximates the text the user would get if they highlighted the contents of the element with the cursor and then copied it to the clipboard.
Note: Node.textContent is somewhat similar to innerText, but there are important differences between the two.
Syntax
var renderedText = HTMLElement.innerText; HTMLElement.innerText = string;
Return value
A string representing the rendered text content of an element.
Example
This example uses JavaScript to change the text of a paragraph.
let string = 'Hello, I am pleased to see you!';
const para = document.querySelector('p');
para.innerText = string;
Specification
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'innerText' in that specification. |
Living Standard | Introduced, based on the draft of the innerText specification. See whatwg/html#465 and whatwg/compat#5 for history. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support 4 | Edge Full support 12 | Firefox Full support 45 | IE Full support 10 | Opera Full support 9.6 | Safari Full support 3 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support 12 | Firefox Android Full support 45 | Opera Android Full support Yes | Safari iOS Full support 4 | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
This feature was originally introduced by Internet Explorer, and was formally specified in the HTML standard in 2016 after being adopted by all major browser vendors.