July 9, 2001 - Appending DOM Strings | WebReference

July 9, 2001 - Appending DOM Strings

Yehuda Shiran January 27, 2001
Appending DOM Strings
Tips: January 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Internet Exploer 6 is richer in functionality than Internet Explorer 5.5 in its text manipulation support. The appendData() method is one example. Operating on text nodes, it appends a string to the text node data. Here is its syntax:

textObj.appendData(data);

where:

data is a string to be appended to the text node data.

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");

and then let's append the string " Tip of the Day" to it:

Here is the definition of this button:

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

and here is the function handleClick() we put in the header of this tip:

function handleClick() {
  txtObj.appendData(" Tip of the Day");
  alert(txtObj.data);
}