jQueryまたはPure JavaScriptを使用して外部HTMLをコピーする方法

Question

次のソリューションの最初の部分を使用して、入力の値をクリップボードにコピーできます。しかし、<p>のようにHTMLをコピーする方法について教えてください。あなたが見ることができるように私は

copyHTML.selectを取得しています機能

ではありませんあなたは、これはJSでなんとかですなら、私に知らせてくださいすることができ、私はこの問題を解決することができますか？

$("#copy").on("click", function(){ 
 
     var copyText = document.getElementById("myInput"); 
 
    copyText.select(); 
 
    document.execCommand("Copy"); 
 
    alert("Copied the text: " + copyText.value); 
 
}); 
 

 

 
$("#copyHTML").on("click", function(){ 
 
     var copyHTML = document.getElementById("sample"); 
 
    copyHTML.select(); 
 
    document.execCommand("Copy"); 
 
    alert("Copied the text: " + copyHTML.HTML); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" value="Hello World" id="myInput"> 
 
<button id="copy">Copy text</button> 
 

 

 
<p id="sample" class="napper">This is atest Paragraph</p> 
 
<button id="copyHTML">Copy HTML</button>

Answer 1

これは、あなたのHTML要素を取得します。

$("#copyHTML").on("click", function(){ 
     var copyHTML = document.getElementById("sample"); 
    copyHTML.select(); 
    document.execCommand("Copy"); 
    alert("Copied the HTML (notice the .outerHTML): " + copyHTML.outerHTML); 
});