点击按钮获取hidden隐藏域值并alert提示失效，请问错误出在哪里？

你的代码逻辑本身没有语法错误，无法正常运行通常是以下几个原因导致：

1. 页面存在重复ID
   如果页面上有多个元素使用了campoCopiar或者oculto作为ID，document.querySelector只会匹配到页面中第一个对应ID的元素，若匹配到的元素不是你预期的目标，就会出现点击无反应、拿不到值的问题。
2. 变量输出破坏HTML结构
   你在PHP输出hidden输入框的value属性时没有做转义处理，如果$paginasTotales的值中包含单引号'，就会直接截断value属性的闭合，导致生成的HTML结构错误，后续JS无法正常读取值。
3. 其他JS报错阻塞执行
   如果页面中其他位置的JS出现语法错误、运行时错误，会阻塞后续JS代码的执行，导致你的点击事件没有被成功绑定。

排查&修复步骤 #

• 第一步：打开浏览器开发者工具（F12）切换到控制台标签，刷新页面后点击按钮，查看是否有报错信息，优先解决存在的报错。
• 第二步：右键查看页面源代码，确认生成的#oculto输入框结构完整，ID、value属性符合预期。
• 第三步：修复PHP输出的转义问题，避免特殊字符破坏HTML结构：

// 原有输出p标签的代码也建议同步加转义，避免特殊字符导致结构异常
echo "<p id='campoCopiar' class='btn btn-warning btn-lg paginasTotales'>Páginas totales: <b>" . htmlspecialchars($paginasTotales, ENT_QUOTES) . "</b></p>";
echo "<input id='oculto' name='oculto' type='hidden' value='" . htmlspecialchars($paginasTotales, ENT_QUOTES) . "'>";

完整复制功能实现 #

测试alert可以正常弹出值之后，可以把JS替换为以下代码实现剪贴板复制功能，兼容新旧浏览器：

document.querySelector("#campoCopiar").addEventListener("click", function(){
    const copyVal = document.querySelector("#oculto").value;
    // 优先用新版剪贴板API
    if(navigator.clipboard) {
        navigator.clipboard.writeText(copyVal).then(() => {
            alert("已成功复制页数：" + copyVal);
        }).catch(() => {
            // 降级兼容方案
            const temp = document.createElement("input");
            temp.value = copyVal;
            document.body.appendChild(temp);
            temp.select();
            document.execCommand("copy");
            document.body.removeChild(temp);
            alert("已成功复制页数：" + copyVal);
        })
        return;
    }
    // 旧浏览器直接走降级方案
    const temp = document.createElement("input");
    temp.value = copyVal;
    document.body.appendChild(temp);
    temp.select();
    document.execCommand("copy");
    document.body.removeChild(temp);
    alert("已成功复制页数：" + copyVal);
});

内容的提问来源于stack exchange，提问作者David