Superminimal virtual DOM utility

create-element.js

var vEl = function(element, options) {
  var root = document.createElement(element);
  for (var option in options) {
    if (option === 'events') {
      for (var event in options.events)
        root.addEventListener(event, options.events[event], false);
    } else if (option === 'children') {
      for (var i = 0, len = options.children.length; i < len; i++)
      	root.appendChild(options.children[i]);
    } else if (root.hasOwnProperty(option)) {
      root[option] = options[option];
  	} else 
      root.setAttribute(option, options[option]);
  }
  return root;
};

var vText = function(text) {
  return document.createTextNode(text);
};

example.js

var main = vEl('div', {
  id: 'page-view',
  children: [
    vEl('div', {
      id: 'breadcrumbs'
    })
  ]
});

// returns div#page-view with div#breadcrumbs

// alias for querySelector ?
var bc = main.get('#breadcrumbs');

// alias for addEventListener ?
bc.on('click', function(e) {
  
});

Should events really be part of the function ? They can still be set after the dom element has been returned, and they don't really belong to the element, they are just bound to them by some external force (eg. the developer or app).