Question

我正致力于编写javascript代码，我在这里做了一个菜鸟。这是我的代码：

＆＃13;

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

＆＃13;

我想做两件事，我似乎无法找到解决方案。我想：

使用功能＆＃34; ex＆＃34;删除显示＆＃34; Click Me！＆＃34;
将btn.onclick分配给我刚创建的按钮。

任何人都可以帮我吗？

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

Answer 1

试试这个

gain

Answer 2

＆＃13;

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

＆＃13;

删除按钮并单击分配

2 个答案:

试试这个