title: Enable & Disable a Div and its elements in Javascript
body: <p>I am looking for a method to <em>Enable and Disable</em> the 
                                           <strong>div id="dcalc"</strong> and Its children.</p>
  
  <pre><code>&lt;div id="dcalc" class="nerkheArz"
   style="left: 50px; top: 150px; width: 380px; height: 370px;
   background: #CDF; text-align: center" &gt;
   &lt;div class="nerkh-Arz"&gt;&lt;/div&gt;
   &lt;div id="calc"&gt; &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to Disable them at loading the page and then by a click i can enable them ?</p>
  
  <p>This is what i have tried </p>
  
  <pre><code>document.getElementById("dcalc").disabled = true;
  </code></pre>