在JavaScript中复制标记

我想将HTML复制到剪贴板。本例应复制标签夹内的按钮，但复制按钮。相反（在Chrome中），我需要它复制

tagHolder

的

innerHTML

，即

按钮

函数$id（id）{
返回文档.getElementById（id）；
}
函数doCopy（）{
var tagHolder=$id（'tagHolder'）；
tagHolder.style.visibility=''；
副本（标签持有人）
tagHolder.style.visibility='hidden'；
}
函数showCode（）{
变量代码=$id（“xxx”）.innerHTML；
$id（“txtinfo”）.innerText=代码；
}
功能副本（元素）{
if（文档选择）{
var range=document.body.createTextRange（）；
range.moveToElementText（元素）；
range.select（）；
}else if（window.getSelection）{
var range=document.createRange（）；
范围。选择节点内容（元素）；
getSelection（）.removeAllRanges（）；
window.getSelection（）.addRange（范围）；
}
文件。执行命令（“副本”）；
}

复制

粘贴：

html:

按钮

在中用作演示

函数$id（id）{
返回文档.getElementById（id）；
}
函数doCopy（）{
var clipboard=new ClipboardJS（'.tagHolder'）；
}
函数showCode（）{
变量代码=$id（“xxx”）.innerHTML；
$id（“txtinfo”）.innerText=代码；
}

复制
粘贴：


html:

按钮

您的代码片段不起作用，但我已经设法对它进行了测试，它仍然复制了一个

span…

而不是

按钮

function $id(id) {
  return document.getElementById(id);
}

function doCopy() {
  var clipboard = new ClipboardJS('.tagHolder');
}

function showCode() {
  var code = $id("xxx").innerHTML;
  $id("txtinfo").innerText = code;
}