首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用JS将多个元素的innerText复制到剪贴板

可以通过以下步骤实现:

  1. 首先,需要获取要复制的元素的innerText。可以通过querySelectorAll方法选择所有需要复制的元素,并使用map方法获取它们的innerText。
代码语言:txt
复制
const elements = document.querySelectorAll('.copy-element');
const innerTextArray = Array.from(elements).map(element => element.innerText);
  1. 接下来,需要创建一个临时的textarea元素,并将获取到的innerText赋值给它的value属性。
代码语言:txt
复制
const textarea = document.createElement('textarea');
textarea.value = innerTextArray.join('\n');
  1. 将textarea元素添加到DOM中,并选中它的内容。
代码语言:txt
复制
document.body.appendChild(textarea);
textarea.select();
  1. 使用document.execCommand方法执行复制操作。
代码语言:txt
复制
document.execCommand('copy');
  1. 最后,移除临时的textarea元素。
代码语言:txt
复制
document.body.removeChild(textarea);

完整的代码如下:

代码语言:txt
复制
const elements = document.querySelectorAll('.copy-element');
const innerTextArray = Array.from(elements).map(element => element.innerText);

const textarea = document.createElement('textarea');
textarea.value = innerTextArray.join('\n');

document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);

这样,多个元素的innerText就会被复制到剪贴板中了。

这个方法适用于需要将多个元素的文本内容一次性复制到剪贴板的场景,比如复制一组列表项的文本、复制表格的内容等。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的结果

领券