This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.


Property of dom/HTMLElementdom/HTMLElement


var result = element.innerText;
element.innerText = value;


This example uses the innerText property to replace an object’s contents. The object surrounding the text is not replaced.

<P ID=oPara>Here's the text that will change.</P>
<BUTTON onclick="oPara.innerText='WOW! It changed!'">Change text</BUTTON>
<BUTTON onclick="oPara.innerText='And back again'">Reset</BUTTON>

View live example



The innerText property is valid for block elements only. By definition, elements that do not have both an opening and closing tag cannot have an innerText property. The innerText property is read-only on the html, table, tBody, tFoot, tHead, and tr objects. When the innerText property is set, the given string completely replaces the existing content of the object. You can set this property only after the onload event fires on the window. When dynamically creating a tag using TextRange, innerHTML, or outerHTML, use scripting to create new events to handle the newly formed tags. Microsoft Visual Basic Scripting Edition (VBScript) is not supported. You can change the value of the title element using the title property. To change the contents of the table, tFoot, tHead, and tr elements, use the table object model. For example, use the rowIndex property or the rows collection to retrieve a reference to a specific table row. You can add or delete rows using the insertRow and deleteRow methods. To retrieve a reference to a specific cell, use the cellIndex property or the cells collection. You can add or delete rows using the insertCell and deleteCell methods. To change the content of a particular cell, use the innerHTML property. **Security Warning: ** The innerText property can be used to safely add dynamic text to a webpage if the target element type is not a script element. With the exception of the script element, innerText does not execute script when inserting text into the Document Object Model (DOM) of a webpage.