title: Hiding columns in table JavaScript
body: <p>This script stops working the moment I add a table inside a table, so how to get it worked?
  I don't need any jQuery solutions, I want pure JavaScript. Here's my <strong>script</strong> found on the Internet:</p>
  
  <pre><code>&lt;script&gt;
  
    function show_hide_column(col_no, do_show) {
  
      var stl;
      if (do_show) stl = 'block'
      else         stl = 'none';
  
      var tbl  = document.getElementById('id_of_table');
      var rows = tbl.getElementsByTagName('tr');
  
      for (var row=1; row&lt;rows.length;row++) {
        var cels = rows[row].getElementsByTagName('td')
        cels[col_no].style.display=stl;
      }
    }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Here's my <strong>HTML</strong>:</p>
  
  <pre><code>&lt;table id='id_of_table' border=1&gt;
    &lt;tr&gt;&lt;td colspan="4"&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;  2&lt;/td&gt;&lt;td&gt;   two&lt;/td&gt;&lt;td&gt;   deux&lt;/td&gt;&lt;td&gt;     zwei&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;  3&lt;/td&gt;&lt;td&gt; three&lt;/td&gt;&lt;td&gt;  trois&lt;/td&gt;&lt;td&gt;     drei&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;  4&lt;/td&gt;&lt;td&gt;  four&lt;/td&gt;&lt;td&gt;quattre&lt;/td&gt;&lt;td&gt;     vier&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;  5&lt;/td&gt;&lt;td&gt;  five&lt;/td&gt;&lt;td&gt;   cinq&lt;/td&gt;&lt;td&gt;f&amp;uuml;nf&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;  6&lt;/td&gt;&lt;td&gt;   six&lt;/td&gt;&lt;td&gt;    six&lt;/td&gt;&lt;td&gt;    sechs&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>And here's my <strong>Form</strong>:</p>
  
  <pre><code>&lt;form&gt;
    Enter column no: &lt;input type='text' name=col_no&gt;&lt;br&gt;
    &lt;input type='button' onClick='javascript:show_hide_column(col_no.value,  true);' value='show'&gt;
    &lt;input type='button' onClick='javascript:show_hide_column(col_no.value, false);' value='hide'&gt;
  &lt;/form&gt;
  </code></pre>