select仅在<input>或<textarea>元素中的文本上定义。您可以动态创建node元素，并使用按钮的值设置其innerText：

const copyToClipboard = text => {
  const ta = document.createElement("textarea");
  ta.textContent = text;
  document.body.appendChild(ta);
  ta.select();
  document.execCommand("copy");
  document.body.removeChild(ta);
};

for (const elem of document.querySelectorAll(".copy")) {
  elem.addEventListener("click", e => {
    copyToClipboard(e.target.innerText);
  });
}

<button class="copy">Click to copy this text data to clipboard.</button>
<button class="copy">Click to copy this different text data to clipboard.</button>

还有一个更优雅的选项，并且与Chrome/FF兼容：Clipboard.writeText.
您需要对该框架具有"clipboard-write"权限才能执行复制，这在下面的堆栈代码段中可能不起作用。
一个二个一个一个

超文本：

<button id="btn" onclick="myFunction()">Copy text</button>

联森：

function myFunction() {
  var copyText = document.getElementById("btn");
  navigator.clipboard.writeText(copyText.textContent)
}