dom/tests/js/docfrag.html
author Nicholas Nethercote <nnethercote@mozilla.com>
Wed, 18 Jul 2012 17:38:10 -0700
changeset 107396 3c589e94b3e00d357ad8d3dba86c439430c47706
parent 1 9b2a99adc05e53cd4010de512f50118594756650
permissions -rw-r--r--
Bug 647367 - Sequester jshash.{h,cpp} in js/jsd/ (attempt 2). r=luke.

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