<script>
function copyToClipboard(element) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val($(element).text()).select();
  document.execCommand("copy");
  $temp.remove();
  element.style.backgroundColor = '#fde9bf';
}
</script>
<div id="cloudflare">
  <table class="cloudflare">
    <tr>
      <td>cloudprime001@idcjp.jp(영,숫자)</td>
      <td class="dnsname" onclick="copyToClipboard(this)">felicity.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">tara.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudjp002@idcjp.jp(ㄱ~ㅅ)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">aida.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">kurt.ns.cloudflare.com</td>
    </tr>
    <!--
      <tr>
      <td>cloudjp003@idcjp.jp(ㅇ~ㅎ)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">amir.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">becky.ns.cloudflare.com</td>
      </tr>
    -->
    <tr>
      <td>jpcf003@gmail.com(ㅇ~ㅎ)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">natasha.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">plato.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin001@idcjp.jp(영,숫자)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">alina.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">rick.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin002@idcjp.jp(ㄱ~ㅅ)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">hope.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">piotr.ns.cloudflare.com</td>
    </tr>
    <tr>
      <td>cloudwin003@idcjp.jp(ㅇ~ㅎ)</td>
      <td class="dnsname" onclick="copyToClipboard(this);">tani.ns.cloudflare.com</td>
      <td class="dnsname" onclick="copyToClipboard(this);">woz.ns.cloudflare.com</td>
    </tr>
  </table>
</div>
