gecko-dev/rdf/resources/dom-test-5.xul

<?xml version="1.0"?> <!-- -*- Mode: SGML; indent-tabs-mode: nil c-basic-offset: 2 -*- -->
<!--

This test exercises creation of DOM elements from the XUL document.

-->

<?xml-stylesheet type="text/css" href="dom-test-4.css"?>

<foo:foo xmlns:foo="http://foo.bar.com/xml#" xmlns:html="http://www.w3.org/TR/REC-html40"
         xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<html:script>
var count = 0;

function newElement()
{
  var elem = document.createElement('foo:bar');
  var text = document.createTextNode('Node ' + ++count);
  elem.appendChild(text);
  document.lastChild.appendChild(elem);
}

function deleteElement()
{
  if (document.lastChild.lastChild) {
    document.lastChild.removeChild(document.lastChild.lastChild);
  }
}

</html:script>

  <html:input name="b1"
              type="button"
              value="New"
              onclick="newElement();"/>

  <html:input name="n2"
              type="button"
              value="Delete"
              onclick="deleteElement();"/>

</foo:foo>