结合使用剪贴板和生成的PHP输入

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>

但是我在控制台中收到此错误消息：

TypeError：第一个参数必须是String，HTMLElement，HTMLCollection或NodeList

抛出新的TypeError（'第一个参数必须是String，HTMLElement，HTMLCollectio ...

在剪贴板152的第152行

我究竟做错了什么？

Answer 1

您没有ID设置为btn的按钮，因此getElementById将返回null。

您正在将null传递给Clipboard。