删除按钮并单击分配

时间:2016-05-02 18:38:02

标签: javascript html

我正致力于编写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>
&#13;
&#13;
&#13;

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

  1. 使用功能&#34; ex&#34;删除显示&#34; Click Me!&#34;
  2. 的按钮
  3. 将btn.onclick分配给我刚创建的按钮。
  4. 任何人都可以帮我吗?

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

2 个答案:

答案 0 :(得分:0)

试试这个

gain

答案 1 :(得分:0)

&#13;
&#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;
&#13;
&#13;