title: insertAdjacementHTML is not a function at <anonymous>
body: <p>I am trying to place a button after an already existing button on another website.  I'm trying to test it out in Chrome console, but can't figure it out.</p>
  
  <pre><code>var buttonPosition = document.getElementById('&lt;button class="button black "&gt;Black&lt;/button&gt;');
  </code></pre>
  
  <p>This is the button that I want to place my button behind.</p>
  
  <p>I then tried using the <code>.insertAdjacementHTML</code> function to get the button placed behind "button black"</p>
  
  <pre><code>buttonPosition.insertAdjacentHTML("afterend", "&lt;button&gt;Hello&lt;/button");
  </code></pre>
  
  <p>Then I get the error message </p>
  
  <blockquote>
    <p>"Uncaught TypeError: buttonPosition.insertAdjacentHTML is not a
    function
        at :1:16"</p>
  </blockquote>
  
  <p>This could be a rookie error, as I am very new to coding.  Any help at all will be greatly appreciated.  Thanks.</p>