单击2个按钮没反应

<!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=utf-8" />
<head><title>
无标题页
</title>
    <script language="javascript"> 
function HiddenTable(){
var arr=document.getElementsByName("Stock2");
alert(arr.length);
for(var i=0;i<arr.length;i++)
arr[i].style.display="none";
}
function ShowTable(){
    var arr=document.getElementsByName("Stock2");
alert(arr.length);
for(var i=0;i<arr.length;i++)
arr[i].style.display="block";
}
</script>
<style type="text/css"> 
.hid{ display:none;
}
</style>
</head>
<body>
    <form name="form1" method="post" id="form1">
    <div>
    <table border="1" cellspacing="0" cellpadding="0">
    <tr>
    <td name="Stock1">公司1</td><td name="Stock2" class="hid">公司2</td>     </tr>
    <tr>
    <td name="Stock1">1</td><td name="Stock2" class="hid">1</td>
    </tr>
    <tr>
    <td name="Stock1">1</td><td name="Stock2" class="hid">1</td>
    </tr>
    </table>
    </div>
    </br>
    <input name="" type="button" onclick="HiddenTable()" value="隐藏" />
    <input type="button" onclick="ShowTable()" value="显示" />
    </form>
</body>
</html>

解决方案 »

  1.   

    表单元素才能写name哦 .
    换成var arr=document.getElementsByTagName("td") 试试 。
      

  2.   

    function HiddenTable(){ document.getElementsByTagName('table')[0].style.display = 'none'; }
    function ShowTable(){ document.getElementsByTagName('table')[0].style.display = ''; }
      

  3.   

    如1楼所说， 我再解释清楚一点
     能够有值提交到后台的元素，才有name属性，可以通过byname得到
      

  4.   

    <html>
    <head>
    <head><title>
        无标题页
    </title>
        <script language="javascript"> 
        function HiddenTable(){ document.getElementsByTagName('table')[0].style.display = 'none'; }
    function ShowTable(){ document.getElementsByTagName('table')[0].style.display = ''; }
    </script>
    <style type="text/css"> 
    .hid{ display:none;
    }
    </style>
    </head>
    <body>
        <form name="form1" method="post" id="form1">
        <div>
        <table border="1" cellspacing="0" cellpadding="0">
        <tr>
        <td name="Stock1">公司1</td><td name="Stock2" class="hid">公司2</td>            </tr>
        <tr>
        <td name="Stock1">1</td><td name="Stock2" class="hid">1</td>
        </tr>
        <tr>
        <td name="Stock1">1</td><td name="Stock2" class="hid">1</td>
        </tr>
        </table>
        </div>
        </br>
        <input name="" type="button" onclick="HiddenTable()" value="隐藏" />
        <input type="button" onclick="ShowTable()" value="显示" />
        </form>
    </body>
    </html>你试试看看……
      

  5.   

    <!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=gb2312" />
    <head><title>
        无标题页
    </title>
        <script language="javascript"> 
        function HiddenTable(){
            var arr=document.getElementsByName("Stock2");
            alert(arr.length);
            for(var i=0;i<arr.length;i++)
                arr[i].style.display="none";
        }
        function ShowTable(){
            var arr=document.getElementsByName("Stock2");
            alert(arr.length);
            for(var i=0;i<arr.length;i++)
                arr[i].style.display="block";
        }
    </script>
    <style type="text/css"> 
    .hid{ display:none;
    }
    </style>
    </head>
    <body>
        <form name="form1" method="post" id="form1">
        <div>
        <table border="1" cellspacing="0" cellpadding="0">
        <tr>
        <td name="Stock1">公司1</td><td id="Stock2" class="hid">公司2</td>            </tr>
        <tr>
        <td name="Stock1">1</td><td id="Stock2" class="hid">1</td>
        </tr>
        <tr>
        <td name="Stock1">1</td><td id="Stock2" class="hid">1</td>
        </tr>
        </table>
        </div>
        </br>
        <input name="" type="button" onclick="HiddenTable()" value="隐藏" />
        <input type="button" onclick="ShowTable()" value="显示" />
        </form>
    </body>
    </html>
      

  6.   

    var arr=document.getElementsByTagName("td");