删除按钮并在单击时进行分配

Remove button and assign on click

本文关键字：分配 单击 按钮 删除      更新时间：2023-09-26

我正在编写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"删除上面写着"点击我！"的按钮
  2. 将btn.onclick分配给我刚刚创建的按钮

有人能帮我吗？

编辑：尽管你们都在尽力帮助我，但我不确定你们是否完全理解这个问题。因此，根据第一个请求进行扩展：我想使用功能"ex"删除按钮"点击我！"我想将此按钮从页面中删除，不再可见。第二：我希望函数"test"中的btn.click只分配给在函数"test"中创建的按钮。我注意到，当你单击"click Me！"时，它会运行函数"ex."

试试这个



<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>

<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;//() remove. btn.onclick is a handler i.e. a function object,
// not the result your ex() returns. 
}
function ex(){//add function
    this.style.color = 'red'; // makes text of the button red
       // **ONLY if button IS clicked**
}
</script>

相关文章：