39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<HTML>
|
|
<HEAD>
|
|
<SCRIPT>
|
|
function docFragAppendTest() {
|
|
var d = document.createDocumentFragment();
|
|
d.appendChild(document.createTextNode(" Hello"));
|
|
var b = document.createElement("B")
|
|
b.appendChild(document.createTextNode(" there"));
|
|
d.appendChild(b);
|
|
p = document.getElementById("appendTest");
|
|
p.appendChild(d);
|
|
alert("This number should be 0: " + d.childNodes.length);
|
|
}
|
|
function docFragReplaceTest() {
|
|
var d = document.createDocumentFragment();
|
|
d.appendChild(document.createTextNode(" new"));
|
|
var b = document.createElement("B")
|
|
b.appendChild(document.createTextNode(" ones"));
|
|
d.appendChild(b);
|
|
p = document.getElementById("replaceTest");
|
|
s = document.getElementById("replaceSpan");
|
|
if (null != s) {
|
|
p.replaceChild(d, s);
|
|
}
|
|
alert("This number should be 0: " + d.childNodes.length);
|
|
}
|
|
</SCRIPT>
|
|
</HEAD>
|
|
<BODY>
|
|
<H1>Document Fragment test</H1>
|
|
|
|
<P ID="appendTest">If this test works, clicking on this <A href="" onclick="docFragAppendTest(); return false;">link</A> will add two words to the end of this paragraph.</P>
|
|
|
|
<P ID="replaceTest">
|
|
Clicking on this <A href="" onclick="docFragReplaceTest(); return false;">link</A> will replace the following two words with new ones: <span id="replaceSpan">two words</span>.
|
|
</P>
|
|
|
|
</BODY>
|
|
</HTML> |