In input of function is an object who has this structure:

{

  tag: 'a', //type of html object

  content: blabal, //inner content

  attr: {

    href: vk.com,

    id: 'someId'

  },

  events: {

    click: 'alert(this.href)',

    focus: 'this.className=active'

  },

  style: {

    width:100px

  }

}

It describes an HTML element. It has to return an HTML element with specified properties. How to parse it? I have something like this:

elemen={

  tag:'a',

  content:blabal,

  attr:{

    href:vk.com,

    id:'someId'

  },

  events:{

   click:'alert(this.href)',

   focus:'this.className=active'

  },

  style:{

    width:100px

  }

};

console.log(elemen.tag);

var node = document.createElement(elemen.tag);

node.innerHTML= elemen.content;



for(var prop in elemen.events){



  var fun =new Function(elemen.events[prop]);

  console.log(fun);

  node.bind(prop, fun);

//   divv.bind(prop, fun);

}