Wrap javascript element in HTML -

the following code copies elements given 1 css class, that's fine, render list of elements... i'd wrap results in html content, how can achieve that?

settimeout(function() {   var element = document.getelementbyid("unique_id");   element.innerhtml = "";   array.prototype.foreach.call(document.queryselectorall(".a_random_class"), function(e) {     var storednode = element.appendchild(e.clonenode(true));    }); }, 300); 

how can wrap in html content each of storednode? i've been able apply classes: storednode.classname += " another-class";, how can wrap results in html want? possible?

thank time.

edit:

this script does.

settimeout(function() {    var element = document.getelementbyid("unique_id");    element.innerhtml = "";    array.prototype.foreach.call(document.queryselectorall(".a_random_class"), function(e) {      element.appendchild(e.clonenode(true));    });  }, 300);

#unique_id {    border: 1px solid blue;  }

<div id="unique_id"></div>  <div class="a_random_class">a</div>  <div class="a_random_class">b</div>  <div class="a_random_class">c</div>  <div class="a_random_class">d</div>  <div class="a_random_class">e</div>  <div class="a_random_class">f</div>

what need each result, example <div class="a_random_class">f</div> can wrapped inside html code want, <div id="another-div" class="a-class" style="maybe:styles"><li><div class="a_random_class">f</div></li></div> example, i'd know if that's possible... not copy class elements append html on them.

i think looking like

settimeout(function () {     var element = document.createelement('div');     element.classname = 'something';     [].foreach.call(document.queryselectorall(".a_random_class"), function (e) {         var wrap = element.clonenode(true);         e.parentnode.insertbefore(wrap, e)         wrap.appendchild(e);     }); }, 300); 

settimeout(function() {    var element = document.createelement('div');    element.classname = 'something';    [].foreach.call(document.queryselectorall(".a_random_class"), function(e) {      var wrap = element.clonenode(true);      e.parentnode.insertbefore(wrap, e)      wrap.appendchild(e);    });  }, 300);

.something {    border: 1px solid red;    padding: 5px;    margin-bottom: 5px;  }  .a_random_class {    background-color: lightgrey;  }

<div class="a_random_class">a</div>  <div class="a_random_class">b</div>  <div class="a_random_class">c</div>  <div class="a_random_class">d</div>  <div class="a_random_class">e</div>  <div class="a_random_class">f</div>