title: Why does the DIV thinks the Element is a string?
body: <p>I try to append a button on a div element, that isn't defined in the html page.</p>
  <p>This is my Function to create the Button:</p>
  <pre><code>const img2dView = function (name) {
        return `&lt;button class=&quot;gridButton&quot;&gt;
              &lt;img alt = ${name} src=&quot;$...images/${name}.png&quot; style=&quot;width: 100%;&quot;&gt;
            &lt;/button&gt;`;
      };
  </code></pre>
  <p>if i append this on an already defined div it works:</p>
  <pre><code>$someDiv.append(img2dView(SomeName));
  </code></pre>
  <p>but if i try this on a new created div, the button is just a string:</p>
  <pre><code>let helpDiv = document.createElement('div');
        helpDiv.class = 'square';
        helpDiv.append(img2dView(SomeNames[i]));
  </code></pre>
  <p>Output:</p>
  <pre><code>&lt;div&gt;
       &quot;&lt;button class=&quot;gridButton&quot;&gt;
              &lt;img alt = blocked src=&quot;assets/.....png&quot; style=&quot;width: 100%;&quot;&gt;
            &lt;/button&gt;;&quot;
  &lt;/div&gt;
  </code></pre>
  <p><strong>I think i need .appendChild. But then I get a error Message, that &quot;img2dView(SomeNames[i])&quot; isn't a node</strong></p>