title: Inner Text not working for Paragraph and Heading HTML Elements
body: <p>I'm newbie to Javascript, I tried the below code, it works fine for <code>&lt;div&gt;</code> element but not for <code>&lt;P&gt; and &lt;h1&gt; elements</code></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      function PrintText(){
          document.getElementById('heading').innerText = 'Hello World';
      }
  &lt;/script&gt;
  
  &lt;body&gt;
      &lt;div id="heading"&gt;&lt;/div&gt; // Works
      &lt;h1 id="heading"&gt;&lt;/h1&gt; // Not Working
      &lt;P id="heading"&gt;&lt;/P&gt; // Not Working
  
      &lt;button type="button" onclick="PrintText()"&gt;Submit&lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>When I use <code>document.getElementById('heading').innerHTML= 'Hello World';</code> for <code>&lt;P&gt; and &lt;h1&gt;</code> elements the above script works(Using <code>innerHTML</code> instead of <code>innerText</code>)</p>
  
  <p>Why the <code>innerText</code> property is not working for <code>&lt;p&gt; and &lt;h1&gt;</code> elements?</p>