点击按钮生成新按钮功能失效求助（附代码）

嘿，我帮你揪出代码里的几个小问题啦，咱们一步步来修正：

1. 语法错误与结构问题 #

先看你代码里的明显错误：

• 函数未包裹在<script>标签中：浏览器没法识别裸写的JS函数，必须把buttonclick()放在<script>标签里才能生效。
• 按钮的onclick属性语法错误：你写的是onclick=("buttonclick()"，多了个左括号，正确写法是onclick="buttonclick()"。
• document.write里的标签未闭合：你写的</button少了结尾的>，应该是</button>。

2. document.write的潜在问题 #

就算修正了上面的语法，点击按钮后你会发现原来的按钮消失了——因为页面加载完成后调用document.write会清空整个页面，它只适合在页面初始化时写入内容。更合理的做法是用DOM操作来添加新按钮，这样不会破坏原有页面。

修正后的代码（推荐方案） #

<!DOCTYPE html>
<html>
<body>
  <button onclick="buttonclick()">test</button>

  <script>
    function buttonclick() {
      // 创建新按钮元素
      const newBtn = document.createElement("button");
      newBtn.textContent = "test";
      // 将新按钮添加到页面中
      document.body.appendChild(newBtn);
    }
  </script>
</body>
</html>

如果你一定要用document.write（不推荐） #

如果只是想测试语法，修正后的代码如下，但记住它会清空页面：

<!DOCTYPE html>
<html>
<body>
  <button onclick="buttonclick()">test</button>

  <script>
    function buttonclick() {
      document.write("<button>test</button>");
    }
  </script>
</body>
</html>

内容的提问来源于stack exchange，提问作者profound.donut