title: How to disable tbody
body: <p>I have a <code>tbody</code> inside which there are <code>href</code>/<code>input</code> <code>type</code> <code>text</code>/ etc</p>
  
  <p>I have a code to get all elements of <code>tbody</code> but how to disable it.</p>
  
  <p>My tbody</p>
  
  <pre><code>&lt;tbody id="FamilyHistory_3"&gt;
  &lt;tr&gt;
    &lt;td class="tablecell"&gt;&amp;nbsp;&amp;nbsp;
      &lt;a id="FamilyHistory_3" name="316098" value="316098" onclick="javascript:save('FamilyHistory_3','test');" href="#"&gt;
        &lt;img style="border-style: none" src="../images/v10/arrow_doc.png"&gt;
      &lt;/a&gt;&amp;nbsp;test
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;
      &lt;table&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;&lt;/td&gt;
            &lt;td class="tablecell"&gt;
              &lt;input type="checkbox" value="Yes" name="10627_316098"&gt;Yes 
              &lt;input type="checkbox" checked="" value="No" name="10627_316098"&gt;No&amp;nbsp;&amp;nbsp;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td height="2px"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p>Below is my code to get the content of <code>tbody</code></p>
  
  <pre><code>function save(inputID,category){
  
  var content= document.querySelectorAll('#tbodyID');
  
    for(var i=0; i&lt;content.length; i++){
      // how to disable all the elements inside it
    }
  }
  </code></pre>