Compare Revisions

Text.splitText

Revision 17593:

Revision 17593 by Sheppy on

Revision 17594:

Revision 17594 by Yanmorin on

Title:
Text.splitText
Text.splitText
Slug:
DOM/Text.splitText
DOM/Text.splitText
Tags:
DOM, "DOM 3"
DOM, "DOM 3"
Content:

Revision 17593
Revision 17594
n46      Add an example here.n46      In this example, <p> text node will be split in two t
 >ext nodes and a span will be inserted between each nodes.
tt48    <pre>
49&lt;body&gt;
50  &lt;p id="p"&gt;foobar&lt;/p&gt;
51 
52 
53  &lt;script type="text/javascript"&gt;
54var p = document.getElementById('p');
55 
56var textnode = p.firstChild;
57 
58// split between foo and bar
59var replacementNode = textnode.splitText(3);
60 
61// creating a span with ' span '
62var span = document.createElement('span');
63span.appendChild(document.createTextNode(' span '));
64 
65// adding the span before 'bar'
66p.insertBefore(span, replacementNode);
67 
68// give &lt;p id="p"&gt;foo&lt;span&gt; span &lt;/span&gt;bar&lt;
 >/p&gt;
69  &lt;/script&gt;
70&lt;/body&gt;
71 
72</pre>

Back to History