关于js建立一个table时候td td 之间有空格(有代码)

//创建表格 
function createTable() 
{ 
var o = document.getElementById("aaa"); 
           var table = document.createElement("table"); 
           table.width="220"  
           table.height="30"  
           table.border="1"  
           table.cellpadding="0"  
           table.cellspacing="0" 
            var tbody = document.createElement("tbody");   
               var tr = document.createElement("tr");                
                var td = document.createElement("td"); 
                td.width="5" 
                td.background="image/yixunweb076.gif" 
                tr.appendChild(td); 
                var td = document.createElement("td"); 
                td.width="210" 
                td.align="right"  
                td.background="image/yixunweb077.gif" 
                td.innerHTML = " <img src='image/yixunweb079.gif' width='24' height='22' /><img src='image/yixunweb080.gif' width='24' height='22' /> </td>"; 
                tr.appendChild(td); 
                var td = document.createElement("td");                  
                td.width="3"  
                td.background="image/yixunweb078.gif" 
td.innerHTML = " <img src='image/yixunweb079.gif' width='24' height='22' /><img src='image/yixunweb080.gif' width='24' height='22' /> </td>"; 
               tr.appendChild(td); 
               tbody.appendChild(tr); 
               table.appendChild(tbody); 
    
   o.appendChild(table); 
           
} 创建出来的TD与TD没有空白啊。

解决方案 »

  1.   

    `确实是有的,将border设置为1可以看到边框 border设置为0的时候就是看不到border的框架
    但是border设置为1留下的空格位还是存在
      

  2.   

    如果还有空白的话。就给table一个className来控制吧。
      

  3.   

    郁闷还是不行.再贴一次看看<html>
    <head>
    <title>实例代码 - 使用JavaScript和DOM创建HTML表格</title></head>
    <style>
    .ListTable   
      {   
              border-collapse: 0;   
              border:   0px   solid   
              border-spacing:   0px;   
      BACKGROUND-COLOR:   #CCCCCC;   
      }   
      .ListTable   td   
      {   
              border:   0px   solid   
              border-spacing:   0px;   
      BACKGROUND-COLOR:   #FFFFFF;   
      }
    </style>
    <body><script>//创建表格
    function createTable()
    {
    var o = document.body;    

               var table = document.createElement("table");
               table.height="30" 
               table.border="0"
       table.className = "ListTable"
               table.cellpadding="0" 
               table.cellspacing="0"
                var tbody = document.createElement("tbody");  
                   var tr = document.createElement("tr");               
                    var td = document.createElement("td");
    td.innerHTML = "11111";
                    tr.appendChild(td);
                    var td = document.createElement("td");
                    td.align="right" 
                    td.innerHTML = "2222";
                    tr.appendChild(td);
                    var td = document.createElement("td"); 
    td.innerHTML = "3333";                
                   tr.appendChild(td);
                   tbody.appendChild(tr);
                   table.appendChild(tbody);
       
       o.appendChild(table);
    }
    //createTable(270,270,9,9);
    </script>
    <a onClick="createTable()">点击创建table</a><table height="30"  cellpadding="0"  cellspacing="0">
                                <tr>
                                  <td >1111</td>
                                  <td >2222</td>
                                  <td >3333</td>
                                </tr>
                             </table>
    </body>
    </html>
      

  4.   

    <html> 
    <head> 
    <title></title> </head> 
    <style> 
    .ListTable    
      {    
                 
              border:   0px   solid;    
      
      border-collapse: collapse; 
      
      
        
      BACKGROUND-COLOR:   #CCCCCC;
    border-spacing:0px;
      
         
      }    
      .ListTable   td    
      {    
              border:   2px   solid; 
      border-collapse: 0px;   
      border-spacing: 0px;    
      padding:0;
      BACKGROUND-COLOR:   #FFFFFF;    
      } 
      
    </style> 
    <body> <script> //创建表格 
    function createTable() 
    { 
    var o = document.body; 
                    var table = document.createElement("table"); 
               table.height="30"  
           table.className = "ListTable" 
       table.cellpadding = "0"            var tbody = document.createElement("tbody");   
                   var tr = document.createElement("tr");                
                    var td = document.createElement("td"); 
    td.innerHTML = "1111"; 
                    tr.appendChild(td); 
                    var td = document.createElement("td"); 
                    td.align="right"  
                    td.innerHTML = "2222"; 
                    tr.appendChild(td); 
                    var td = document.createElement("td");  
    td.innerHTML = "3333";                 
                   tr.appendChild(td); 
                   tbody.appendChild(tr); 
                   table.appendChild(tbody); 
        
       o.appendChild(table); 
    } 
    //createTable(270,270,9,9); 
    </script> 
    <a onClick="createTable()">点击创建table </a> <table height="30" class="ListTable" cellpadding=""> 
    <tbody>
                                 <tr> 
                                   <td >1111 </td> 
                                   <td >2222 </td> 
                                   <td >3333 </td> 
                                 </tr> </tbody>
                              </table> 
    </body> 
    </html>哈哈终于搞定了.就是css 的问题. 结贴.