Property	Content
innerText	The textual content of the container.
outerText	Same as innerText when accessed for read; replaces the whole element when assigned a new value.
innerHTML	The complete content of the container, not including the element tag pair itself.
outerHTML	The complete container, including the element tag pair itself.

The following script demonstrates these properties:

<DIV ID="test"><B>This is a demo for inner/outer text/html combinations</B></DIV>
<SCRIPT LANGUAGE="JavaScript">
alert("InnerText is: " + test.innerText);
alert("OuterText is: " + test.outerText);
alert("InnerHTML is: " + test.innerHTML);
alert("OuterHTML is: " + test.outerHTML);
</SCRIPT>

The first alert box demonstrates the innerText property:

The second alert box demonstrates the outerText property:

The third alert box demonstrates the innerHTML property:

The fourth alert box demonstrates the outerHTML property:

People who read this tip also read these tips:

• Using the Grandfather Name to Search for DOMDocument Nodes
• The Browser's Response to XML Parsing Error
• Understanding Abstract Classes
• Restrictions in Calling Web Services
• Using childNodes() to Reach DOMDocument Nodes