按钮reporducer问题

时间:2018-01-30 15:28:47

标签: javascript html

我有一些代码应该在点击时创建一个新按钮,但它不起作用,我已经尝试了很多故障排除,我似乎无法找到问题。在此先感谢您的帮助!

这是我使用的代码:

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

  <button onclick=("buttonclick()">test</button>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

您的代码中存在一些错误。 1)缺少<html> 2)(事件绑定上的char onclick无效。

我建议您使用DOM节点上可用的appendChild方法。 w3schools

如果您开始编写动态html代码,请查看jquery

var body = document.getElementById('body');

function buttonclick() {
  var btn = document.createElement('button');
  body.appendChild(btn);
}
<!DOCTYPE html>
<html>

<body id="body">
  <button onclick="buttonclick()">test</button>
</body>

</html>