title: Disable div tag with Javascript
body: <p>I wanted to disable div tag using Javascript. <strong>I don't want to hide it</strong>. I'm using Firefox browser.</p>
  
  <p>I have my menus inside div tag. </p>
  
  <p>I'm clicking on , 1 of menus and opening a page. On page, I have a button. When clicking on that button, I want to disable all menus but not entire page. User cannot click any menus.</p>
  
  <p>My code is,</p>
  
  <pre><code>&lt;div id="div1"&gt;
      &lt;ul id="abc"&gt;
          Menu1 Menu2 Menu3 
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried <code>document.getElementById("div1").disabled=true;</code>  but didn't work.</p>