dom/tests/js/docfrag.html
author Gregory Szorc <gps@mozilla.com>
Wed, 05 Dec 2012 22:46:01 -0800
changeset 115100 051613fd8775ca08852db74e244aff2324ae2146
parent 1 9b2a99adc05e53cd4010de512f50118594756650
permissions -rw-r--r--
Bug 803400 - Add clobber mach command; r=glandium DONTBUILD (NPOTB)

<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>