如何动态插入hmtl元素？

问下如何动态生成以下html代码

动态生成
我写的代码如下，获取文件夹下图片文件内容，循环生成连接
function searchFiles(){
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f = fso.GetFolder(document.all.fixfolder.value);
var fc = new Enumerator(f.files);
var tempArr=new Array();
```
for (;!fc.atEnd(); fc.moveNext())
    {
    tempArr.push(fc.item()); 

  }

var j= tempArr.length
  for(i=0;i<j;i++)
  {
  //这部分插入html代码不知道该如何写

  }
```
}

[code="JavaScript"]
var top = document.createElement("DIV");
var imgContainer = document.createElement("DIV");
var ul = document.createElement("UL");

top.appendChild(imgContainer);
imgContainer.className = "img_container";
imgContainer.appendChild(ul);
for (var i = 0; i < j; i++) {
var li = document.createElement("LI");
var link = document.createElement("A");
var img = document.createElement("IMG");
with (link) {
href = tempArr[i].absolutePath;
title = tempArr[i].name;
}
with (img) {
src = tempArr[i].absolutePath;
}
link.appendChild(img);
li.appendChild(link);
ul.appendChild(li);
}

[/code]

不是要把代码写给你吧？

感觉就是JS的DOM操作，自己学习一下动手练练就差不多了

如果觉得麻烦，还可以实施JQuery，很简单的。。。