title: Copy text innerHTML of element to clipboard
body: <p>I was try many solutions in stackoverflow, but it not work.(<a href="https://stackoverflow.com/a/30810322/5715248">here</a> and <a href="https://stackoverflow.com/a/34192073/5715248">here</a>)</p>
  
  <p>I try it in <a href="http://ln.hako.re/truyen/124-hikaru-ga-chikyuu-ni-itakoro/c6271-phu-chuong-tham-vong-cua-shioriko-boi-vi-gio-em-se-goi-anh-la-onii-chan-duoc-chu" rel="nofollow noreferrer">Website</a> and use <a href="https://chrome.google.com/webstore/detail/poakhlngfciodnhlhhgnaaelnpjljija" rel="nofollow noreferrer">chrome extension</a> for run code (chrome 59.0.3071.104 64bit)</p>
  
  <pre><code>&lt;h4 align="center"&gt;text data to copy&lt;/h4&gt;
  
  var copy_text = document.getElementsByTagName("h4")[0];
  copy_text.select(); //-&gt; error: select is not a function
  </code></pre>
  
  <p>and</p>
  
  <pre><code>var range = document.createRange();
  range.selectNode(copy_text);
  window.getSelection().addRange(range);
  document.execCommand("copy"); //-&gt; clipboard not change
  </code></pre>
  
  <p>Any solution for this?
  Thankyou.</p>
  
  <hr>
  
  <p>Edit: I think my problem is page loading (security brower), all solution work with user interactive</p>