javascript - 删除按钮并在单击时分配

Question

我正在编写 javascript 代码，但我在这里有点菜鸟。这是我的代码:

<button onclick="test()">Click Me!</button>
<script>
  function test()
  {
    var btn = document.createElement("BUTTON");
    var name = document.createTextNode("Button");
    btn.appendChild(name);
    document.body.appendChild(btn);
    btn.onclick = ex();
  }

  ex()
  {

  }
</script>

我想做两件事，但似乎找不到解决方案。我想要:

1. 使用函数“ex”删除“Click Me!”按钮
2. 将 btn.onclick 分配给我刚刚创建的按钮。

谁能帮我解决这个问题吗？

编辑:虽然你们所有人都在努力帮助我，但我不确定你们是否完全理解这个问题。因此，扩展第一个请求:我想使用函数“ex”删除按钮“Click Me!”我希望此按钮从页面中删除，并且不再可见。第二:我希望函数“test”中的 btn.click 仅分配给函数“test”中创建的按钮。我注意到当你点击“点击我!”时它运行函数“ex”。

Answer 1

试试这个

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code><script>
    	function test() {
    		var btn=document.getElementsByTagName('button')[0];
    		btn.attributes[0].value="ex()";
    		btn.innerText="second function"; 
    	}
    	function ex() {
    		console.log("ex executer");
    	}
     </script>
    <button onclick="test()">
    	click me!
    </button></code></pre>
</div>
</div>