January 29, 2001 - Inserting DOM Strings | 2 | WebReference

January 29, 2001 - Inserting DOM Strings | 2

Yehuda Shiran July 7, 2001
Inserting DOM Strings
Tips: July 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Internet Explorer 6 is richer in functionality than Internet Explorer 5.5 in its text manipulation support. The insertData() method is one example. Operating on text nodes, it inserts a string to the text node data. You can specify the offset at which to insert, and the data to insert. Here is its syntax:

textObj.insertData(offset, data);

where:

offset is a long integer value indicating the offset, in characters, from the beginning of the string, where to insert the new string.
    • data is the string to insert.

    Let's create a text node at the document level. We put the following line in the header of this tip:

    txtObj = document.createTextNode("Doc JavaScript Columns");

    and then let's insert "BiWeekly " at offset 15. Click this button to make it happen in Netscape 6 or Internet Explorer 6. Click in Internet Explorer 5.x and get an error message:

    Here is the definition of this button:

    <FORM>
<INPUT TYPE="button" VALUE="Insert a String" onClick="javascript:handleClick()">
</FORM>

    And here is how the event handler above is defined:

    function handleClick() {
  txtObj.insertData(15, "BiWeekly ");
  alert(txtObj.data);
}