Javascript 单击以复制元素'；s html代码

所以我想做的基本上是创建我自己的引导备忘单，当我点击它或某个按钮时，它允许我自动将和元素的html代码复制到剪贴板上。
有点像这个网站所做的：
我知道如何复制文本，但如何访问实际的html代码并复制我不知道的内容。
这是我用来复制文本的代码：

复制文本
函数myFunction（）{
var copyText=document.getElementById（“myInput”）；
copyText.select（）；
文件。执行命令（“副本”）；
警报（“复制的文本：+copyText.value”）；
}

使用

outerHTML

将html作为字符串获取

function myFunction() {

   //getting the html
   var copyText = document.getElementById("myInput").outerHTML;

   copyText.select();
   document.execCommand("Copy");

   //remove value
   alert("Copied the text: " + copyText);
}

---

要访问和更改div或任何元素中的单词，它是元素的.innerHTML

函数myFunction（）{
var button=document.getElementById（“按钮”）；
var copyText=document.getElementById（“myInput”）；
copyText.select（）；
文件。执行命令（“副本”）；
警报（“复制的文本：+copyText.value”）；
button.innerHTML=“已复制！”；
}

复制文本

要复制

外部TML的文本

，您需要将其放入

文本框

，以便选择它，然后复制它。这是一种非常黑客的方法，但是如果你想像黑客一样做，你可以把HTML放入一个

禁用的
，可选的
文本框
，这个文本框的样式很好地使用CSS



函数myFunction（）{
//获取要复制的元素的外部html
var text=document.getElementById（'myInput'）.outerHTML；
//将outerHTML放入另一个文本框中进行复制
var testextbox=document.getElementById（'copyingText'）；
testextbox.value=文本；
focus（）；
testextbox.select（）；
文件。执行命令（“副本”）；
}
复制文本
不能对文档元素执行复制/剪切命令

document.execCommand（“复制”）
仅获取您调用的输入值
select（）打开，因此我建议您执行以下操作：


函数myFunction（）{
var copyinput=document.createElement（'input'）；
copyinput.value=document.getElementById（“myInput”）.outerHTML；
copyinput.select（）；
文件。执行命令（“副本”）；
警报（“复制的文本：+copyinput.value”）；
}

复制代码它是。innerHTML。您已经使用的代码允许您输入任何内容，然后进行复制。我知道jQuery是一个了不起的工具，但这个问题仅适用于js。哦，对不起，我没有看到它仅适用于js。您仍然可以使用outerHTML属性：我将相应地调整答案。OP要求将整个html元素（输入）复制为字符串，而不是输入中的文本。