表头的问题，怎么处理！？？

function show(array){
  for(var i=0;i<array.length;i++){
    var tdObj = document.getElementById(array[i]);
    if(tdObj == null)
      continue;
    tdObj.parentNode.style.display = "none";
  }
}
array是要隐藏的尺码组的td的id

解决方案 »

  1.   

    不知下面的是否是你想要的,试试吧
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>test</title>
    <script language=javascript>
    function showit()
    {
    var temp = new Array("idc","idd","ide","idf","idg");
    document.getElementById("sid").setAttribute("className","hidden");
    for (var i=0; i<temp.length; i++)
    {
    document.getElementById(temp[i]).setAttribute("className","show");
    }
    document.getElementById("hid").setAttribute("className","show");
    }

    function hiddenit()
    {
    var temp = new Array("idc","idd","ide","idf","idg");
    document.getElementById("sid").setAttribute("className","show");
    for (var i=0; i<temp.length; i++)
    {
    document.getElementById(temp[i]).setAttribute("className","hidden");
    }
    document.getElementById("hid").setAttribute("className","hidden");
    }
    </script>
    <style type="text/css">
    .show{
    display:yes;
    }
    .hidden{
    display:none;
    }
    </style>
    </head><body>
    <table border="0" width="800" bgcolor="#000000" cellspacing="1" cellpadding="5" >
    <tr bgcolor="#FFFFFF">
    <td rowspan="6">款号</td>
    <td rowspan="6">品名</td>
    <td rowspan="6">颜色</td>
    <td>A</td>
    <td>　</td>
    <td>　</td>
    <td>46</td>
    <td>48</td>
    <td>50</td>
    <td>52</td>
    <td>54</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td rowspan="6">零售价</td>
    <td rowspan="6">数量</td>
    <td rowspan="6">总金额</td>
    </tr>
    <tr bgcolor="#FFFFFF">
    <td>B</td>
    <td>28</td>
    <td>29</td>
    <td>30</td>
    <td>31</td>
    <td>32</td>
    <td>33</td>
    <td>34</td>
    <td>36</td>
    <td>38</td>
    <td>　</td>
    </tr>
    <tr id="sid" style="color:red;cursor:hand;" onclick="showit('showid');"><td colspan="15">更多类型请点击这......</td></tr>
    <tr id="idc" bgcolor="#FFFFFF" class="hidden">
    <td>C</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>75</td>
    <td>85</td>
    <td>95</td>
    <td>05</td>
    <td>15</td>
    <td>25</td>
    <td>　</td>
    </tr>
    <tr id="idd" bgcolor="#FFFFFF" class="hidden">
    <td>D</td>
    <td>　</td>
    <td>　</td>
    <td>XS</td>
    <td>S</td>
    <td>M</td>
    <td>L</td>
    <td>XL</td>
    <td>　</td>
    <td>　</td>
    <td>OS</td>
    </tr>
    <tr  id="ide" bgcolor="#FFFFFF" class="hidden">
    <td>E</td>
    <td>　</td>
    <td>　</td>
    <td>26</td>
    <td>27</td>
    <td>28</td>
    <td>29</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    </tr>
    <tr  id="idf" bgcolor="#FFFFFF" class="hidden">
    <td>F</td>
    <td>　</td>
    <td>　</td>
    <td>38</td>
    <td>39</td>
    <td>40</td>
    <td>41</td>
    <td>42</td>
    <td>43</td>
    <td>　</td>
    <td>　</td>
    </tr>
    <tr id="idg" bgcolor="#FFFFFF"  class="hidden">
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    <td>　</td>
    </tr>
    <tr bgcolor="#FFFFFF" id="hid" class="hidden">
    <td colspan="15" align="center" style="color:red;cursor:hand;font-size:16pt;font-weight:800;" onclick="hiddenit();">隐藏c,d,e,f.....　</td></tr>
    <tr bgcolor="#FFFFFF">
    <td colspan="14"></td>
    <td>合计：</td>
    <td>　</td>
    <td>　</td>
    </tr>
    </table>
    </body>
    </html>