Javascript 中，通过onclick事件来显示表格内的文本，或者就文本，啥思路啊咋写啊

还有文字咋隐藏才行啊，我用<td style="display:none">隐藏，行吗？

解决方案 »

  1.   

    你这是先把文字放在td中还是点击按钮的时候才往td中添加文字？
      

  2.   

    <html>
    <head>
    <script src="js/jquery.js"></script>
    <script>
    $(document).ready(function(){
    $("#btHidden").click(function (){
    $("#txtTd").html("   ");
    });
    $("#btShow").click(function (){
    $("#txtTd").html("Add new info !!");
    });

    });
    </script>
    </head>
    <body>
    <table border="1" width="400px;">
    <tr height="50px;" >
    <td id="txtTd" width="100px;">aaa</td>
    <td>nnnn</td>
    <td>bbbb</td>
    </tr>
    <tr height="50px;">
    <td>cccc</td>
    <td>etette</td>
    <td>fdgfgfdg</td>
    </tr>
    </table>
    <input type="button" id="btHidden" value="hidden"/>
    <input type="button" id="btShow" value="show"/>
    </body>
    </html>
      

  3.   

    我比较喜欢用jquery框架，对于原生的很久没写了。最好td里面的内容用一个div或什么来包住，这样是需要设置div的显示和隐藏就行了，隐藏是里面的所有内容也会隐藏，显示时里面的内容也会显示。具体实现如下
    <td width="223"><div style="display:none;"><p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p></div>
    </td>
    <td width="223" >
    <div style="display:none;">
        <img src="test.jpg"></img>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
    </td>
    <td width="223" >
    <div style="display:none;">
       <img src="test.jpg"></img>
    </div>
    </td>
    $("td").bind("click",function(){
    $(this).children().each(function(){
    if($(this).is(":hidden")){
    $(this).show();
    } else {
    $(this).hide();
    }});
    });
    不晓得你是不是点击td做这个操作，这里实现的是点击的时候去判断div是显示的还是隐藏的，显示的就隐藏，隐藏的就显示，不知道能不能帮到你，如果你只是想单独处理文字或者图片依然可以使用这样的原理去实现
      

  4.   

    我做出来了，很简单的方法
    function t(id){
        document.getElementById(id).style.visibility="visible"
    }<td id="NO3" width="223" style="visibility:hidden"><p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
        <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p></td>