HTML DOM outerText Property
Example
Set the outer text of an element:
document.getElementById("myH1").outerText = "Changed content!";
Try it Yourself »
Definition and Usage
The outerText property sets or returns the text content of the specified node.
This property is similar to the inner innerText property, in fact getting the outerText returns the same result as getting the innerText property.
There are an important difference when setting an element's outerText, because the element itself is removed.
Tip: also check out the outerHTML property.
Get the content of the <p> element above with the specified properties:
innerText returns: "This element has extra spacing and
contains a span element."
innerHTML returns: "
This element has extra spacing and contains <span>a span
element</span>."
textContent returns: " This
element has extra spacing and contains a span element."
The innerText property returns just the text, without spacing and inner element tags.
The innerHTML property returns the text, including all spacing and inner element tags.
The textContent property returns the text with spacing, but without inner element tags.
