spacer
Yehuda Shiran February 4, 2001
Splitting DOM Nodes
Tips: February 2001

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

Netscape 6 is as rich as Internet Explorer as far as text node splitting is concerned. The splitText() method splits a text node into two text nodes. The new text node becomes a sibling immediately following the original text node. You can specify how to split the characters into the two text node:

newObj = textObj.splitText(offset);

where:

  • offset is a long integer value indicating the number of characters to leave in the first text node.

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

and then let's split the text node into two text nodes, leaving 15 characters in the first text node. Click this button to get it done in Netscape 6 and Internet Explorer 5.5 (the first text node is Doc JavaScript, while the second text node is BiWeekly Columns):

Here is the definition of this button:

<FORM>
<INPUT TYPE="button" VALUE="Split a Text Node" onClick="javascript:handleClick()">
</FORM>

Here is how we define the function handleClick():

function handleClick() {
  newNode = txtObj.splitText(15);
  alert(newNode.data);
}


People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint