Sets or returns the text content of an element including the text content of its descendants.
- The innerText property is almost identical to the outerText property. They always return the same value for the same element, but when you set them, the innerText property replaces the content between the opening and closing tags of an element with the specified text, while the outerText property removes an element and inserts the specified text in place of it.
- The innerHTML and outerHTML properties are similar to the innerText and outerText properties, but they set or return the HTML content of elements instead of the text content. The HTML content is the source code of an element, while the text content excludes the opening and closing tags from the source code.
- To set or return the text of an option element, use the cross-browser text property.
- To set or return the value of a text field (textarea or input:text), use the cross-browser value property.
- If you need the path or the name of the file or files selected with an input:file element, use the cross-browser value property.
- To set or return the text content of a CommentNode or TextNode, use the cross-browser data or nodeValue property.
- Additionally, the insertAdjacentText method can also be used to insert text content into the document.
You can find the related objects in the Supported by objects section below.
The outerText property is read-only for the html, tbody, td, tfoot, th, thead and tr elements in Internet Explorer. In Opera, Google Chrome, Safari and in other cases in Internet Explorer, the outerText property is read/write.
String that specifies or retrieves the text content.
Default: this property has no default value.
Example HTML code 1:
This example shows how to get the contents of an element:
Did you find this example helpful?
User Contributed Comments