生成されたPHP入力でclipboard.jsを使用する

Question

私はJScriptを使用していて、他のオプションがないときだけ使用することは経験しません。 しかし私は私のサイトのユーザーに、特定の生成されたPHPコードを自分のクリップボードにコピーするオプションを与えたいと思います。

私は、次のコード

<?php 
    echo'<button class="btn" data-clipboard-text="'. htmlspecialchars("<pre><code>", ENT_HTML5) . $newText . htmlspecialchars("</code></pre>", ENT_HTML5) .'">Copy to Clipboard</button>'; 
?> 
<script src="./clipboard.js"></script> 
<script> 
    var btn = document.getElementById('btn'); 
    var clipboard = new Clipboard(btn); 
    clipboard.on('success', function(e) { 
     console.log(e); 
    }); 
    clipboard.on('error', function(e) { 
     console.log(e); 
    }); 
</script> 

を持っている。しかし、私はコンソールでこのエラーメッセージgetttingだ：私は間違って何をやっているclipboard.js

のライン152上の

TypeError: First argument must be a String, HTMLElement, HTMLCollection, or NodeList

throw new TypeError('First argument must be a String, HTMLElement, HTMLCollectio...

を？

Answer 1

idがbtnに設定されたボタンがないため、getElementByIdはnullを返します。

nullをクリップボードに渡しています。