title: getting an element by the type and then disable
body: <p>I am trying to get all elements inside of a div that are texboxes only. I have asp textboxes inside my div and also buttons</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
    &lt;div id="gameInfo"&gt;
      &lt;asp:TextBox ID="gameTitle" runat="server" MaxLength="10" Width="150px"&gt;&lt;/asp:TextBox&gt;
      &lt;asp:TextBox ID="gameType" runat="server" MaxLength="10" Width="150px"&gt;&lt;/asp:TextBox&gt;
      &lt;asp:TextBox ID="gameprice" runat="server" MaxLength="10" Width="150px"&gt;&lt;/asp:TextBox&gt;
      &lt;input type="button" id="button1" value="enable" onClick="myFunc"/&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  function myFunction() {
      document.getElementById("wrapper").querySelectorAll('input[type=text]').disable = true;
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Here I have tried to get all elements in <code>wrapper</code> and then do a queryselectall to get all inputs that equal text but it doesn't seem to be working I must be doing something wrong and also I would want this to happen as soon as the page loads.</p>