动态生成div将div设置为inline怎么没有效果？

1）folderDiv.setAttribute("class","folder");//加class选择器
改为folderDiv.setAttribute("className","folder");//加class选择器2)folderDiv下面还有DIV， inline类型节点不能包含block类型节点。
所以要把它下面的div也设置成inline才有效果加一条样式
.folder{display:inline}

解决方案 »

  1.   

    上面写错了，对不起
    加一条样式 
    .folder div{display:inline} 
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <title>Welcome To Scripting</title><script>
    function a(){
    var tab=document.createElement("table");
    var tb=document.createElement("TBODY");
    tab.appendChild(tb);
    document.body.appendChild(tab);
    for(i=0;i<15;i++)
    {
    if(i%5==0)folderDiv1=document.createElement("tr");
    if(i%5==0)folderDiv2=document.createElement("tr");innerDiv1=document.createElement("td");
    innerDiv1.align="center";
    divImg=document.createElement("img");
    divImg.src="http://item.slide.com/r/1/180/i/wE9VoTM7kT-X-p2E-HV9F7OmwkX39sKP/";
    innerDiv1.appendChild(divImg);innerDiv2=document.createElement("td");
    folderText=document.createTextNode("文件夹"+(i+1));
    innerDiv2.appendChild(folderText);folderDiv1.appendChild(innerDiv1);
    folderDiv2.appendChild(innerDiv2);
    if(i%5==4){
    tb.appendChild(folderDiv1);
    tb.appendChild(folderDiv2);
    }
    }
    }
    </script>
    </head><body onload="a()">
    </body></html>
    看看是不是你要的效果.