title: Element.insertAdjacentHTML() API throws error in chrome 55.0.2883.87
body: <p>I found the explaination about the API <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML" rel="noreferrer">here</a>, which tells me the second parameter is a string.</p>
  
  <p>It's perform normal in firefox. However, in chrome, it shows the errors below:</p>
  
  <p><a href="https://i.stack.imgur.com/LvI1i.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LvI1i.png" alt="errors about &lt;code&gt;Element.insertAdjacentHTML() API&lt;/code&gt; in chrome"></a></p>
  
  <p>I just curious about what makes this? Is it because the api is still stay Working Draft status and different browsers do the different implementation?</p>
  
  <p>The following is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Document&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="div"&gt;
          &lt;ul&gt;
              &lt;li&gt;xxx&lt;/li&gt;
              &lt;li&gt;xxx&lt;/li&gt;
              &lt;li&gt;xxx&lt;/li&gt;
              &lt;li&gt;xxx&lt;/li&gt;
              &lt;li&gt;xxx&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
      &lt;script&gt;
      //normal
      // var pTag=document.createElement("p");
      // div.insertAdjacentElement("beforeend",pTag);
  
      //throw error:
      // Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'.
      var txt = "&lt;p&gt;testtest&lt;/p&gt;";
      div.insertAdjacentElement("beforeend",txt);
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>