如何在表格中隐藏一个单元格，但不改变表格的布局?

将你的3放入一个DIV中就可以了<HTML>
<head>
<script language="javascript">
  function testGG(obj){
    obj.style.display="none";
  }
</script>
</head>
<body>
<table border="1">
<tr><td>1</td><td>2</td><td><div onClick="testGG(this)">3</div></td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
</table>
</body>
</HTML>

解决方案 »

  1.   

    mbx615的方法我试成功了，谢谢～现在已经能满足我的需求了，不过我还有更近一步的想法，不知道怎么来实现，同样如下表：1 2 3 4
    5 6 7 8现在我想用一个checkbox来控制3这里的显示,当我把checkbox的勾打上显示3，把勾去掉则显示一个'*'号.也就是说我不要隐藏他，而是显示个'*'号.当然我这里只是举个例子，在3的位置其实是一个年月日,由三个select组成,方便用户选择。
      

  2.   

    <HTML>
    <head>
    <script language="javascript">
      function testGG(obj){
        obj.style.display="none";
      }
    </script>
    </head>
    <body>
    <table border="1">
    <input type="checkbox" name="isShow" value="0" checked onclick="if(this.checked==true) document.getElementById('content').innerHTML='3'; else document.getElementById('content').innerHTML='*'">
    <tr><td>1</td><td>2</td><td><div id="content" onClick="testGG(this)">3</div></td><td>4</td></tr>
    <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
    </table>
    </body>
    </HTML>
      

  3.   

    谢谢yiran5467的解答，我还想问个问题，如果我这里不知道3这个位置的具体内容，我在javascript里该如何表达，就是说我只是想把3这个单元格里的东西显示或不显示（不显示的时候显示'*'）,也就是说我不想采用硬编码的方式，我该如何处理.3这个位置可能是3,可能是30,可能是300,也有可能是其他的一些东西，比如一些select表单元素啊什么的.
      

  4.   

    用 hidden用 hidden 1 保存相当于3的那个动态数据
    用 hidden 2 保存一个*然后根据checkbox给那个位子付hidden 1 或 hidden 2
      

  5.   

    <HTML>
    <head>
    <script language="javascript">
      function testGG(){
        content.innerHTML = "*";
      }
      function testDD(){
        content.innerHTML = "<select><option>33333</option></select>";
      }
    </script>
    </head>
    <body>
    <table border="1">
    <tr><td>1</td><td>2</td><td><div id="content"></div></td><td>4</td></tr>
    <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
    </table>
    <input type="button" onClick="testGG()" value="hidden">
    <input type="button" onClick="testDD()" value="show"></body>
    <script language="javascript">
       testDD();
    </script>
    </HTML>在testDD的content.innerHTML = ""中写入你想显示的东西就可以了，写什么都行
      

  6.   

    定义一个全局变量rem，装载页面的时候，把3那个位置的内容保存到该全局变量中。然后当打上勾的时候，就用变量rem来代替刚写死的'3'
    <HTML>
    <head>
    <script language="javascript">
    function testGG(obj){
      obj.style.display="none";
    }var rem='';
    function init(){
      rem=document.getElementById('content').innerHTML;
    }
    </script>
    </head>
    <body onload="init()">
    <table border="1">
    <input type="checkbox" name="isShow" value="0" checked onclick="if(this.checked==true) document.getElementById('content').innerHTML=rem; else document.getElementById('content').innerHTML='*'">
    <tr><td>1</td><td>2</td><td><div id="content" onClick="testGG(this)">3</div></td><td>4</td></tr>
    <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
    </table>
    </body>
    </HTML>