title: How to get innerHTML of each element in a node list
body: <p>Say I have the following html:</p>
  
  <pre><code>&lt;div class="item"&gt;one&lt;/div&gt;
  &lt;div class="item"&gt;two&lt;/div&gt;
  &lt;div class="item"&gt;three&lt;/div&gt;
  </code></pre>
  
  <p>I would like to log the innerHTML for each element. I have tried the following:</p>
  
  <pre><code>document
  |&gt; Document.querySelectorAll(".item")
  |&gt; NodeList.toArray /* not sure if this is needed */
  |&gt; Array.map(Document.ofNode) /* not sure if this is needed */
  |&gt; Array.map(Element.innerHTML)
  |&gt; Array.iter((number) =&gt; {
    Js.log(number);
  });
  </code></pre>
  
  <p>The error is on line <code>|&gt; Array.map(Element.innerHTML)</code></p>
  
  <p>And the error is:</p>
  
  <pre><code>This has type:
      array(Webapi.Dom.Element.t) =&gt; array(string)
    But somewhere wanted:
      array(Dom.node) =&gt; 'a
  </code></pre>
  
  <p>How can I use the <code>Dom.node</code> so that I access the <code>innerHTML</code>?</p>