var test  = document.getElementById('test');

var fragment = document.createDocumentFragment();

​

function wilEach(els, cb) {

    for(var i = 0, len = els.length; i < len; i++) {

        if (i === len) break;

        cb(els[i], i);

    }

}

// var child = [].slice.call(element.children);

// // for(var i = 0; i < child.length; i++) {

// //   if (i === child.length) break;

// //   console.log(child[i])

// //   fragment.appendChild(child[i]);

// // }

// wilEach(child, function(item) {

//   fragment.appendChild(item);

// });

​

function wilWrapInner(el, wrapInner) {

  var _el = [].slice.call(el.children);

  var fragment = document.createDocumentFragment();

  el.insertAdjacentHTML('afterbegin', wrapInner);

  var _wrap = el.children[0];

  for (var i = 0, len = _el.length; i < len; i++) {

    fragment.appendChild(_el[i]);

  }

  _wrap.appendChild(fragment);

}

​

wilWrapInner(test, '<div class="wrapinner"></div>');

​

​

​

​

​

// document.getElementById('test').appendChild(fragment);

​