var mytemplate = function () {
  header(
    h1('Heading'),
    h2('Subheading'));
 
  nav(
    ul({ 'class': 'breadcrumbs' },
      li(a({ href: '/' }, 'Home')),
      li(a({ href: '/section/'}, 'Section')),
      li(a('Subject'))));
 
  article(
    p('Lorem ipsum...'));
 
  footer('Footer stuff');
};

var domjs = require('domjs')(document);
 
var ns = domjs.ns;
var dom = domjs.collect(function () {
  ns.header(
    ns.h1('Heading'),
    ns.h2('Subheading'));
 
  ns.nav(
    ns.ul({ 'class': 'breadcrumbs' },
      ns.li(a({ href: '/' }, 'Home')),
      ns.li(a({ href: '/section/'}, 'Section')),
      ns.li(a('Subject'))));
 
  ns.article(
    ns.p('Lorem ipsum...'));
 
  ns.footer('Footer stuff');
});
 
document.body.appendChild(dom); // Insert generated DOM into document body

var myTemplate = (function () {}
  var { article, footer, h1, h2, header, li, nav, p, ul } = ns;
  return function () {
    header(
      h1('Heading'),
      h2('Subheading'));
 
    nav(
      ul({ 'class': 'breadcrumbs' },
        li(a({ href: '/' }, 'Home')),
        li(a({ href: '/section/'}, 'Section')),
        li(a('Subject'))));
 
    article(
     p('Lorem ipsum...'));
 
    footer('Footer stuff');
  };
}());
var dom = domjs.collect(myTemplate);

var myCustomElement = domjs.ns.myCustomElement = domjs.ns.element.bind(domjs, 'my-custom-element');

// This has to be defined before any `my-custom-element` is created by domjs
require('domjs/ext')['my-custom-element'] = {
  _construct: function (/* constuctor args */) {},
  methodA: function () { ... }
};

var myul = ul(li('one'), li('two'), li('three'));
 
// ... some code ...
 
// add extra items to myul
myul(li('four'), li('five'));
 
// append myul into other element
div(myul);

(myul() instanceof DOMElement) === true

comment('my comment');

cdata('cdata text');

text('my text');

_var('var content');