如何在java脚本中使用'appendchild'生成特定的html代码

Question

事先我为我糟糕的英语道歉。 我写了一个简单的邮箱代码，您可以将电子邮件拖到垃圾箱中并恢复它们。但是当我恢复所选邮件时，它不会重新生成确切的代码。所以恢复后程序无法正常工作，因为它不是以前的html代码。

这是我的代码：

var paragraphElement1 = document.createElement('div');
paragraphElement1.className = 'col1';
var spanElement1 = document.createElement('span');
var paragraphElement2 = document.createElement('div');
paragraphElement1.className = 'col2';
var spanElement2 = document.createElement('span');
var nameNode = document.createTextNode(name);    
var subjectNode = document.createTextNode(subject);
var item = document.createElement('div'); 
item.className = 'rows';
item.id = uniqueNumber + '_a' ;
item.appendChild(paragraphElement1);
item.appendChild(spanElement1);
item.appendChild(nameNode);
item.appendChild(paragraphElement2); 
item.appendChild(spanElement2);
item.appendChild(subjectNode);
mailbox.appendChild(item);  

这就是我想要产生的：

<div id="mail_1_a" class="rows"> 
  <div id="" class="col1"><span>nameNode</span></div>
  <div id="" class="col2"><span>subjectNode</span></div>
</div>

我知道这段代码生成了什么，而不是我的高级代码。请帮忙。