HTML页面复制按钮失效求助：点击无法复制文本（附代码）

我来帮你搞定这个复制按钮的问题！你的代码里有两个关键小问题导致无法复制，咱们一步步梳理修复：

问题根源 #

1. 方法调用错误：你写的 copyText.select 少了括号，正确的方法调用应该是 copyText.select() —— 不加括号只是引用方法本身，不会执行它。
2. 元素类型不支持：<h2> 标签属于块级文本元素，并不支持 select() 方法，这个方法仅适用于 <input>、<textarea> 这类表单可编辑控件。

方案一：改用表单控件（简单直接） #

把 <h2> 换成只读的 <input>，这样就能直接用原生的复制逻辑，还能通过CSS调整样式让它看起来和原h2一致：

<!doctype html>
<div class="ipDiv tk-saffran">
  <div class="ipText">
    <!-- 换成只读input，保留原内容 -->
    <input type="text" id="ip" value="play.MineGlade.net" readonly style="border:none; background:transparent; font-size:1.5em; font-weight:bold;">
  </div>
  <div class="copyButton">
    <button onclick="copyIp()">Copy IP</button>
    <script>
      function copyIp() {
        var copyText = document.getElementById("ip");
        copyText.select(); // 补全括号，执行选中方法
        document.execCommand("Copy");
        // 可选：添加复制成功提示
        alert("IP已复制到剪贴板！");
      }
    </script>
  </div>
</div>

方案二：保留原h2结构（不修改现有布局） #

如果不想改动原有的 <h2> 标签，可以通过创建临时的 <textarea> 来间接复制文本，复制完成后再移除这个临时元素：

<!doctype html>
<div class="ipDiv tk-saffran">
  <div class="ipText">
    <h2 id="ip">play.MineGlade.net</h2>
  </div>
  <div class="copyButton">
    <button onclick="copyIp()">Copy IP</button>
    <script>
      function copyIp() {
        // 获取h2里的文本内容
        var copyContent = document.getElementById("ip").textContent;
        // 创建临时textarea
        var tempTextarea = document.createElement("textarea");
        tempTextarea.value = copyContent;
        // 将textarea添加到页面（必须在DOM树中才能执行复制）
        document.body.appendChild(tempTextarea);
        // 选中文本并复制
        tempTextarea.select();
        document.execCommand("Copy");
        // 移除临时元素，清理页面
        document.body.removeChild(tempTextarea);
        // 可选：提示复制成功
        alert("IP已复制！");
      }
    </script>
  </div>
</div>

两种方案都能解决你的问题，选哪个看你是否需要保留原有的h2标签结构～

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