title: innerHTML not working on node
body: <p>In my script <code>node1.data</code> &amp; <code>node1.textContent</code> are working perfectly but <code>node1.innerHTML</code> is not displaying anything, and I'm not getting why.</p>
  
  <pre><code>var text = [];
  function getN(node1) {
      textNodesUnder(node1, text);
      return text.join("");
  }
  function textNodesUnder(node1, text) {
      if (node1.nodeType == 3) {
          text.push(node1.innerHTML);
          document.write(node1.textContent + "&lt;br&gt;");
      }
      var children = node1.childNodes;
      for (var i = 0; i &lt; children.length; i++) {
          textNodesUnder(children[i], text);
      }
  }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;body onload="alert('The document content is ' + getN(document))" &gt;
  </code></pre>