如何动态插入hmtl元素？

Question

问下如何动态生成以下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代码不知道该如何写
  
    }
  

  }

Answer 1

[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]