[js高手之路]HTML标签解释成DOM节点的实现方法

{
id:"test
inner:"this is a test string
name:"test"
onclick:"test();"
style:"color:red;background:green;"
tag:"div"
}

var o = document.createElement( obj['tag'] );
  o.innerHTML = obj['inner'];
  delete obj['inner'];
  delete obj['tag'];
  for( var key in obj ){
   o.setAttribute( key, obj[key] );
  } 
  document.body.appendChild( o );

var re = /<(\w+\s*)(\w+[=][\'\"](.*)&＃63;[\'\"]\s*)*>(.*)&＃63;<\/\w+>/;
  var str = '
this is a test string
';
  var res = str.match(re);

var re = /<(\w+\s*)(\w+[=][\'\"](.*)&＃63;[\'\"]\s*)*>(.*)&＃63;<\/\w+>/;
  var str = '
this is a test string
';
  var res = str.match(re);

  var tagName = null, attrList = [], arr = [], obj = {};
  if( res[1] ) {
   tagName = res[1].trim();
   obj['tag'] = tagName;
  }
  if( res[4] ) {
   obj['inner'] = res[4];
  }
  if ( res[2] ) {
   attrList = res[2].split( /\s+/ );
   for( var i = 0, len = attrList.length; i