动态生成html元素的问题。

大家帮我看看下面代码有什么问题?动态生成的部分无法像写死部分代码那样正常运行。再有就是var fso = new ActiveXObject("Scripting.FileSystemObject");

这个对象是不是不能在非IE内核下的浏览器正常运行呀。

 <script>
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 o = document.body;



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);   

o.appendChild(top);
var j= tempArr.length ;
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];   
        rel="sexylightbox[group1]";
        title = tempArr[i].name; 
        
        
    }   
    with (img) {   
        src = tempArr[i];   
    }   
    link.appendChild(img);   
    li.appendChild(link);   
    ul.appendChild(li);   
}  

}
</script>




 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
  <title>my picture</title>
  <link rel="stylesheet" href="global.css" type="text/css" media="all" />



  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="sexylightbox.v2.3.jquery.min.js"></script>
  <link rel="stylesheet" href="sexylightbox.css" type="text/css" media="all" />

  <script type="text/javascript">
    $(document).ready(function(){
      SexyLightbox.initialize({color:'white'});
    });
  </script>

 
</head>

<body>
 <div >
    <h3>Gallery</h3>
            <div class="img_container">
                <ul>
                    <li><a href="images\php_mysql.jpg" rel="sexylightbox[group1]" title="PHP y MySQL"><img src="images/small_php_mysql.jpg" alt=""/></a></li>
                    <li><a href="images/homerin2.jpg"  rel="sexylightbox[group1]" title="D'oh!"><img src="images/small_homerin2.jpg" alt=""/></a></li>
                    <li><a href="images/clapclap.jpg"  rel="sexylightbox[group1]" title="Clap clap!"><img src="images/small_clapclap.jpg" alt=""/></a></li>
                </ul>
            </div>
 </div>
指定文件夹:<input type="text" name="fixfolder" value ="E:\test\images">
<input type="button" value ="搜索" onclick="searchFiles()">







</body>
</html>
 

 源码在下面。

1个回答

第一个问题,把你最上面 标签里的代码移动到
[code="js"]
$(document).ready(function(){

//放到这儿,让那些代码在文档加载完毕后在执行!否则js里面是找不到dom的引用的
SexyLightbox.initialize({color:'white'});

});
[/code]
第二个问题,ActiveXObject就是IE专有的对象,进一步了解你可以看这里[url]http://www.iteye.com/problems/18749[/url]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐