js复制table最后一个tr里的值

Question

function copy(){
    var tb = document.getElementById('table');
    var tr = document.querySelectorAll("#table tr:last-of-type td").value;
    alert(tr);
    var copyalbe = tr;
    var input = document.createElement("input");
    input.value = copyalbe;
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    input.style.display = "none";
    alert("复制成功");
  }

<table id="table" width="200" border="1" cellspacing="0">
    <tr id="cow1">
      <td>123</td>
      <td>111</td>
    </tr>
    <tr id="cow2">
      <td>123</td>
      <td>111</td>
    </tr>
    <tr id="cow3">
      <td class="copyalbe">123</td>
      <td class="copyalbe">111</td>
    </tr>
  </table>
  <input id="btn" type="button" value="复制" onclick="copy()">

我想要获取table中最后一个tr里的两个td的值并复制，但不知道如何获取值，有老哥们指教下吗？

Answer 1

你的要求是？
1、获取到 table 最后两个 td 的值。
2、将这两个值保存在粘贴板中，以便复制。

<table border="1">
  <tr>
    <td>123</td>
    <td>111</td>
  </tr>
  <tr>
    <td>123</td>
    <td>111</td>
  </tr>
  <tr>
    <td>222</td>
    <td>333</td>
  </tr>
</table>
<input type="button" value="复制" onclick="copy()" />

<br />
<p>点击复制后在下边 textarea 中 CTRL+V 看一下</p>
<textarea cols="30" rows="10"></textarea>

<script>
  function copy() {
    let values = [...document.querySelectorAll('table tr:last-child td')].map(t => t.innerHTML);
    /* 相当这样：
    var values = [];
    var tds = document.querySelectorAll('table tr:last-child td');
    for (var i=0; i< tds.length; i++) {
      values.push(tds[i].value);
    }
    */
    let input = document.createElement('input');
    document.body.appendChild(input);
    input.value = values.join('+');
    input.focus();
    input.setSelectionRange(0, input.value.length);
    document.execCommand('copy', true);
    document.body.removeChild(input);
  }
</script>